/**
 * Gestaltung der mybits-Sektionsbausteine.
 *
 * Wird vom Plugin geladen, damit die Bausteine in JEDEM Theme richtig aussehen –
 * als Block, als Elementor-Widget oder als Shortcode. Bringt das aktive Theme die
 * Stile schon mit, meldet es das per add_theme_support( 'mybits-sektionsstile' )
 * und diese Datei wird nicht geladen (siehe Blocks\SectionStyles).
 *
 * ERZEUGT aus dem mybits-theme – nicht per Hand bearbeiten. Quelle und Reihenfolge:
 * style.css, v18.css, startseite.css, case-study.css, anpassungen.css.
 */

/* CI-Variablen (aus v18.css) */
:root{
	--bits-cyan:#009FE3;
	--bits-cyan-d:#006F9E;
	--bits-ink:#000000;
	--bits-line:#DBDEE2;
	--bits-font:"Inter",-apple-system,"Segoe UI",system-ui,Arial,sans-serif;
}

/* Kleine Auszeichnungszeile über Überschriften */
.mybits-sektion .eyebrow, .elementor-widget[class*="mybits-"] .eyebrow {display:block;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bits-cyan,#009FE3);margin:0 0 10px}


/* ===== aus style.css ===== */
.eyebrow,
.bits-zahlen-eyebrow {
	display: inline-block;
	color: var(--bits-cyan, #009fe3);
	font-size: 12.5px;
	letter-spacing: 0.16em;
	font-weight: 700;
	text-transform: uppercase;
}
.mycs-hero {
	background:
		radial-gradient(90% 90% at 85% 0%, rgba(0, 111, 158, 0.35), transparent 60%),
		#000000;
	color: #ffffff;
	padding: clamp(9rem, 16vh, 12rem) 24px clamp(9rem, 14vh, 11rem);
}
.mycs-hero-inner { max-width: 1200px; margin: 0 auto; }
.mycs-kicker::before {
	content: "";
	display: inline-block;
	width: 6px; height: 6px;
	border-radius: 50%;
	background: var(--bits-cyan, #009fe3);
	margin-right: 8px;
	vertical-align: 2px;
}
.mycs-hero h1 {
	color: #ffffff;
	font-size: clamp(28px, 3.4vw, 44px);
	line-height: 1.15;
	letter-spacing: -0.02em;
	font-weight: 800;
	max-width: 21ch;
	margin: 10px 0 18px;
}
.mycs-intro {
	color: rgba(255, 255, 255, 0.92);
	max-width: 46ch;
	font-size: 15.5px;
	line-height: 1.7;
	margin: 0 0 26px;
}
.mycs-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 44px; }
.mycs-ctas .bh-btn-primary,
.mycs-ctas .bh-btn-ghost {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 13px 26px; border-radius: 999px;
	font-weight: 700; font-size: 15px; text-decoration: none;
	transition: 0.35s cubic-bezier(0.2, 0.8, 0.3, 1);
}
.mycs-ctas .bh-btn-primary { background: var(--bits-cyan, #009fe3); color: #fff; }
.mycs-ctas .bh-btn-primary:hover { background: var(--bits-cyan-d, #006f9e); transform: translateY(-2px); }
.mycs-ctas .bh-btn-ghost { color: #fff; border: 1.5px solid rgba(255, 255, 255, 0.5); }
.mycs-meta {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.18); padding-top: 22px; max-width: 1000px;
}
.mycs-meta-label {
	display: block; color: var(--bits-cyan, #009fe3);
	font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 700;
	margin-bottom: 6px;
}
.mycs-meta-wert { color: #ffffff; font-weight: 700; font-size: 14.5px; line-height: 1.5; }
@media (max-width: 880px) { .mycs-meta { grid-template-columns: 1fr 1fr; } }
.mycs-kpis { padding: 0 24px; background: transparent; }
.mycs-kpis-card {
	max-width: 1100px; margin: clamp(-7rem, -11vh, -5rem) auto 0; position: relative; z-index: 2;
	background: #ffffff; border-radius: 24px;
	box-shadow: 0 34px 80px -40px rgba(0, 0, 0, 0.35);
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;
	padding: 44px 48px;
}
.mycs-kpi .mycs-kpi-wert {
	display: block; color: #000000; font-weight: 800;
	font-size: clamp(26px, 2.6vw, 34px); letter-spacing: -0.02em; margin-bottom: 8px;
}
.mycs-kpi strong { display: block; color: #000; margin-bottom: 4px; }
.mycs-kpi p { margin: 0; font-size: 14.5px; }
@media (max-width: 880px) { .mycs-kpis-card { grid-template-columns: 1fr; padding: 32px; } }
.mycs-listwrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.mycs2-sec { padding: clamp(3.5rem, 7vw, 5.5rem) 24px; }
.mycs2-sec.mycs2-soft { background: var(--wp--preset--color--muted); }
.mycs2-in { max-width: 1296px; margin: 0 auto; }
.mycs2-h2 {
	font-weight: 800;
	font-size: clamp(28px, 3vw, 36px);
	line-height: 1.1;
	letter-spacing: -0.01em;
	margin: 0;
	color: #000000;
}
.mycs2-bar { display: block; width: 44px; height: 3px; background: var(--bits-cyan, #009fe3); margin: 18px 0 28px; }
.mycs2-intro { max-width: 760px; margin-bottom: 34px; }
.mycs2-body { max-width: 860px; }
.mycs2-body h3 { font-size: 19px; font-weight: 700; margin: 1.6em 0 0.5em; }
.mycs2-ico {
	display: flex; align-items: center; justify-content: center;
	width: 48px; height: 48px; border-radius: 50%;
	background: var(--bits-cyan, #009fe3);
	margin-bottom: 14px;
}
.mycs2-ico::before { content: ""; width: 14px; height: 14px; border-radius: 50%; border: 2.5px solid #fff; }
.mycs2-ico--sq { width: 40px; height: 40px; border-radius: 11px; margin: 0; flex: none; }
.mycs2-ico--sq::before { width: 12px; height: 12px; border-radius: 3px; }
.mycs2-ico--xs { width: 30px; height: 30px; border-radius: 8px; margin: 0; flex: none; }
.mycs2-ico--xs::before { width: 10px; height: 10px; border-radius: 2px; }
.mycs2-chal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.mycs2-chal {
	background: #ffffff; border: 1px solid #e6eaef; border-radius: 16px; padding: 26px 24px;
	transition: transform 0.32s cubic-bezier(0.2, 0.7, 0.3, 1), box-shadow 0.32s, border-color 0.32s;
}
.mycs2-chal:hover { transform: translateY(-4px); box-shadow: 0 24px 50px -26px rgba(8, 52, 80, 0.28); border-color: rgba(0, 159, 227, 0.4); }
.mycs2-chal h3 { font-size: 15px; font-weight: 700; margin: 0 0 10px; color: #000; }
.mycs2-chal p { margin: 0; font-size: 15px; line-height: 1.65; }
@media (max-width: 980px) { .mycs2-chal-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .mycs2-chal-grid { grid-template-columns: 1fr; } }
.mycs2-dark {
	position: relative; overflow: hidden;
	background:
		radial-gradient(640px 640px at -160px -220px, rgba(0, 159, 227, 0.26), transparent 68%),
		#000000;
	color: rgba(255, 255, 255, 0.94);
}
.mycs2-dark .mycs2-h2 { color: #ffffff; }
.mycs2-dark .mycs2-body h3 { color: #ffffff; }
.mycs2-dark .mycs2-body { color: rgba(255, 255, 255, 0.94); }
.mycs2-roles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.mycs2-role {
	display: flex; align-items: center; gap: 14px;
	background: #ffffff; border: 1px solid #e6eaef; border-radius: 14px; padding: 20px 22px;
	font-weight: 600; font-size: 14.5px; color: #000;
}
@media (max-width: 1080px) { .mycs2-roles { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .mycs2-roles { grid-template-columns: 1fr; } }
.mycs2-tools { display: flex; flex-wrap: wrap; gap: 12px; }
.mycs2-tool {
	display: inline-flex; align-items: center; gap: 12px;
	background: #ffffff; border: 1px solid #e6ecf2; border-radius: 14px; padding: 12px 18px;
	box-shadow: 0 1px 2px rgba(16, 24, 32, 0.04);
	font-weight: 600; font-size: 14.5px; color: #000;
	transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.mycs2-tool:hover { transform: translateY(-4px); border-color: rgba(0, 159, 227, 0.5); box-shadow: 0 30px 60px -28px rgba(0, 0, 0, 0.32); }
.mycs2-chal-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
@media (max-width: 860px) { .mycs2-chal-grid { grid-template-columns: 1fr; } }
.mycs2-media-grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 56px; align-items: start; }
.mycs2-media {
	aspect-ratio: 4 / 3; border-radius: 20px;
	background: linear-gradient(160deg, #0b1c26, #0f2634);
	box-shadow: 0 24px 60px -30px rgba(0, 0, 0, 0.4);
}
.mycs2-media img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
@media (max-width: 900px) { .mycs2-media-grid { grid-template-columns: 1fr; gap: 28px; } }
.mycs2-chal-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
@media (max-width: 860px) { .mycs2-chal-grid { grid-template-columns: 1fr; } }
.mycs2-media-grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 56px; align-items: start; }
.mycs2-media {
	aspect-ratio: 4 / 3; border-radius: 20px; overflow: hidden;
	background: linear-gradient(160deg, #0b1c26, #0f2634);
	box-shadow: 0 24px 60px -30px rgba(0, 0, 0, 0.4);
}
.mycs2-media img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 900px) { .mycs2-media-grid { grid-template-columns: 1fr; gap: 28px; } }
.mycs-hero h1 {
	font-size: clamp(26px, 2.6vw, 36px);
	line-height: 1.14;
	letter-spacing: -0.01em;
}
.mycs2-sec,
.mycs2-sec p,
.mycs2-sec li,
.mycs2-chal p,
.mycs2-body,
.mycs2-body p,
.mycs2-intro,
.mycs2-intro p {
	color: #000000;
}
.mycs2-dark,
.mycs2-dark p,
.mycs2-dark li,
.mycs2-dark .mycs2-body,
.mycs2-dark .mycs2-body p {
	color: #ffffff;
}
.mycs2-chal-grid { gap: 16px; }
.mycs-intro {
	font-size: 15px;
	line-height: 1.65;
	color: #ffffff;
	max-width: 540px;
}
.mycs-hero h1 { max-width: 640px; }
.mycs-kpi .mycs-kpi-wert { font-size: 36px; line-height: 1.2; }
.mycs-kpis-card { max-width: 1152px; margin-top: -129px; }
.mycs-meta-wert { font-size: 15px; font-weight: 600; line-height: 1.4; }
.mycs2-body h3 { font-size: 15px; font-weight: 700; line-height: 1.15; margin: 2em 0 0.7em; }
.mycs-kpis-card .mycs-kpi + .mycs-kpi {
	border-left: 1px solid var(--wp--preset--color--border, #dbdee2);
	padding-left: 32px;
}
.mycs2-media video { width: 100%; height: 100%; object-fit: cover; display: block; }
.mycs2-sec { padding: 80px 72px; }
.mycs2-sec.mycs2-soft { background: #f1f2f4; }
.mycs2-sec.mycs2-warm { background: #fafaf8; padding: 72px 72px 80px; }
.mycs-hero { padding: 112px 72px 180px; background: #000000; }
@media (max-width: 900px) {
	.mycs2-sec { padding: 56px 24px; }
	.mycs2-sec.mycs2-warm { padding: 48px 24px 56px; }
	.mycs-hero { padding: 96px 24px 140px; }
}
.mycs2-chal-grid { grid-template-columns: repeat(6, 1fr); gap: 16px; }
.mycs2-chal { grid-column: span 3; padding: 26px 30px; border-radius: 16px; }
.mycs2-chal:nth-child(odd):nth-last-child(3),
.mycs2-chal:nth-child(odd):nth-last-child(3) ~ .mycs2-chal { grid-column: span 2; }
@media (max-width: 900px) {
	.mycs2-chal-grid { grid-template-columns: 1fr; }
	.mycs2-chal,
	.mycs2-chal:nth-child(odd):nth-last-child(3),
	.mycs2-chal:nth-child(odd):nth-last-child(3) ~ .mycs2-chal { grid-column: span 1; }
}
.mycs2-split { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.mycs2-split .mycs2-body { max-width: none; }
.mycs2-split .mycs2-bar { margin-bottom: 0; }
@media (max-width: 900px) { .mycs2-split { grid-template-columns: 1fr; gap: 24px; } }
.mycs2-steps {
	display: grid; grid-template-columns: repeat(4, 1fr);
	margin-top: 56px; padding-top: 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mycs2-step { padding-right: 28px; }
.mycs2-step-nr {
	display: block; color: var(--bits-cyan, #009fe3);
	font-weight: 800; font-size: 13px; letter-spacing: 0.1em; margin-bottom: 10px;
}
.mycs2-step strong { display: block; font-size: 15px; font-weight: 700; margin-bottom: 8px; }
.mycs2-step p { margin: 0; font-size: 14.5px; line-height: 1.6; }
@media (max-width: 900px) { .mycs2-steps { grid-template-columns: 1fr 1fr; gap: 24px; } }
.mycs2-step-nr { font-size: 36px; line-height: 1; letter-spacing: 0; margin-bottom: 14px; }
.mycs2-step { padding: 0 32px; border-right: 1px solid rgba(255, 255, 255, 0.1); }
.mycs2-step:first-child { padding-left: 0; }
.mycs2-step:last-child { border-right: 0; padding-right: 0; }
.mycs2-steps { padding-top: 44px; margin-top: 56px; }
@media (max-width: 900px) {
	.mycs2-step { padding: 0 16px; }
	.mycs2-step:nth-child(2n) { border-right: 0; }
}
.mycs2-media-grid--rechts { grid-template-columns: 1.15fr 0.85fr; }
.mycs2-media-grid--rechts .mycs2-media { order: 2; }
.mycs2-media-grid--rechts .mycs2-body { order: 1; }
@media (max-width: 900px) {
	.mycs2-media-grid--rechts { grid-template-columns: 1fr; }
	.mycs2-media-grid--rechts .mycs2-media { order: 1; }
	.mycs2-media-grid--rechts .mycs2-body { order: 2; }
}
.mycs2-chal-grid--2 { grid-template-columns: repeat(2, 1fr); }
.mycs2-chal-grid--4 { grid-template-columns: repeat(4, 1fr); }
.mycs2-chal-grid--2 > .mycs2-chal,
.mycs2-chal-grid--4 > .mycs2-chal,
.mycs2-chal-grid--2 > .mycs2-chal:nth-child(odd):nth-last-child(3) ~ .mycs2-chal,
.mycs2-chal-grid--4 > .mycs2-chal:nth-child(odd):nth-last-child(3) ~ .mycs2-chal {
	grid-column: span 1;
}
@media (max-width: 980px) { .mycs2-chal-grid--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
	.mycs2-chal-grid--2,
	.mycs2-chal-grid--4 { grid-template-columns: 1fr; }
}
.mycs-kpis--flach .mycs-kpis-card { margin-top: 0; }
.mycs-kpis--flach { padding: 56px 24px 0; }
.mycs2-quote {
	max-width: 900px; margin: 0 auto; padding: 0 0 0 32px;
	border-left: 3px solid var(--bits-cyan, #009fe3);
}
.mycs2-quote p {
	margin: 0; font-size: clamp(20px, 2.2vw, 26px); font-weight: 600;
	line-height: 1.45; letter-spacing: -0.01em; color: #000;
}
.mycs2-quote cite {
	display: block; margin-top: 18px; font-size: 14.5px; font-style: normal;
	font-weight: 500; color: var(--wp--preset--color--muted-2, #6e767f);
}
.mycs2-relgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mycs2-relcard {
	display: flex; flex-direction: column; gap: 14px; justify-content: space-between;
	padding: 26px 30px; border: 1px solid #e6eaef; border-radius: 16px;
	background: #ffffff; text-decoration: none;
	transition: transform 0.32s cubic-bezier(0.2, 0.7, 0.3, 1), box-shadow 0.32s, border-color 0.32s;
}
.mycs2-relcard:hover {
	transform: translateY(-4px); border-color: rgba(0, 159, 227, 0.4);
	box-shadow: 0 24px 50px -26px rgba(8, 52, 80, 0.28);
}
.mycs2-relcard h3 { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.3; color: #000; }
@media (max-width: 900px) { .mycs2-relgrid { grid-template-columns: 1fr; } }
.mycs2-kontakt {
	display: flex; align-items: center; gap: 24px;
	max-width: 640px; padding: 28px 32px;
	background: #ffffff; border: 1px solid #e6eaef; border-radius: 16px;
}
.mycs2-kontakt-bild img {
	display: block; width: 72px; height: 72px; border-radius: 50%; object-fit: cover;
}
.mycs2-kontakt-text { display: flex; flex-direction: column; gap: 4px; }
.mycs2-kontakt-text strong { font-size: 15px; font-weight: 700; color: #000; }
.mycs2-kontakt-text span { font-size: 14.5px; color: var(--wp--preset--color--muted-2, #6e767f); }
.mycs2-kontakt-text a { font-size: 14.5px; color: var(--bits-cyan, #009fe3); }
@media (max-width: 640px) { .mycs2-kontakt { flex-direction: column; align-items: flex-start; } }
.mycs2-dark {
	background: linear-gradient(135deg, #0b1a2c 0%, #0a1622 55%, #0c1e33 100%);
}
.mycs-hero-inner { max-width: 1152px; }
.mycs-kpis-card {
	box-sizing: border-box;
	max-width: 1152px;
	padding: 44px 52px;
	border-radius: 20px;
}
.mycs2-media-grid {
	max-width: 1152px;
	margin-left: auto;
	margin-right: auto;
	grid-template-columns: 0.72fr 1fr;
}
.mycs2-media-grid--rechts { grid-template-columns: 1fr 0.72fr; }
@media (max-width: 900px) {
	.mycs2-media-grid,
	.mycs2-media-grid--rechts { grid-template-columns: 1fr; }
}
.mycs-kpis-card { gap: 48px; }
.mycs-kpis-card .mycs-kpi + .mycs-kpi { padding-left: 48px; }
.bh-clients--invers img { filter: brightness(0) invert(1); opacity: 0.86; }
.bh-fokus-cards--2 { grid-template-columns: repeat(2, 1fr); }
.bh-fokus-cards--3 { grid-template-columns: repeat(3, 1fr); }
.bh-fokus-cards--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 980px) {
	.bh-fokus-cards--3,
	.bh-fokus-cards--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.bh-fokus-cards--2,
	.bh-fokus-cards--3,
	.bh-fokus-cards--4 { grid-template-columns: 1fr; }
}
.bh-abschnitt .bits-zahlen { padding: 0; }
.bh-abschnitt .bits-zahlen-in { padding-left: 0; padding-right: 0; }
.bh-abschnitt .mycs-listwrap { max-width: none; padding: 0; }


/* ===== aus v18.css ===== */
.bh-faq-list{border-top:1px solid var(--bits-line,#DBDEE2)}
.bh-faq-list details{border-bottom:1px solid var(--bits-line,#DBDEE2)}
.bh-faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 2px;font-size:17px;font-weight:700;color:var(--bits-ink,#000);line-height:1.35;transition:color .25s}
.bh-faq-list summary::-webkit-details-marker{display:none}
.bh-faq-list summary::after{content:"+";flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;color:var(--bits-cyan,#009FE3);font-size:26px;font-weight:800;line-height:1;transition:transform .35s cubic-bezier(.2,.8,.3,1)}
.bh-faq-list details[open] summary{color:var(--bits-cyan-d,#006F9E)}
.bh-faq-list details[open] summary::after{transform:rotate(45deg)}
.bh-faq-list details p{padding:0 2px 22px;color:var(--bits-body,#3D454D);font-size:15.5px;line-height:1.72;max-width:660px;margin:0}
.bh-faq-list details{animation:bitsFaqReveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
.bh-clients{position:relative;z-index:2;padding:44px 0 48px;background:#02101b}
.bh-clients::after{
	content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
	width:min(1900px,100%);height:1px;pointer-events:none;
	background:linear-gradient(90deg,transparent,rgba(0,159,227,.75) 22%,rgba(0,159,227,.75) 78%,transparent);
}
.bh-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.bh-marquee-track{display:flex;gap:72px;width:max-content;align-items:center;animation:bhScroll 90s linear infinite}
.bh-marquee:hover .bh-marquee-track{animation-play-state:paused}
.bh-marquee-track img{height:30px;width:auto;filter:brightness(0) invert(1)}
.bh-slist{margin-top:44px;border-top:1px solid var(--bits-line)}
.bh-srow{
	display:grid;grid-template-columns:minmax(230px,.9fr) minmax(300px,1fr) minmax(300px,.95fr);
	gap:26px 56px;padding:28px 0;border-bottom:1px solid var(--bits-line);
	color:inherit;text-decoration:none;align-items:start;
}
.bh-s-left{display:flex;flex-direction:column;align-items:flex-start;gap:22px;align-self:stretch}
.bh-s-step{
	font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
	color:var(--bits-cyan-d);padding:7px 14px;border-radius:999px;
	border:1px solid var(--bits-line);background:#fff;white-space:nowrap;
}
.bh-s-title{font-size:clamp(30px,2.9vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--bits-ink);margin:0;transition:color .45s}
.bh-srow:hover .bh-s-title{color:var(--bits-cyan-d)}
.bh-rollbtn{
	margin-top:auto;display:inline-flex;align-items:center;gap:7px;
	border-radius:999px;background:var(--bits-cyan);color:#fff;
	font-weight:600;font-size:12.5px;padding:8px 16px;white-space:nowrap;
	transition:background .5s,transform .45s cubic-bezier(.2,.8,.2,1);
}
.bh-srow:hover .bh-rollbtn{background:var(--bits-cyan-d);transform:translateY(-2px)}
.bh-s-mid{padding-top:6px}
.bh-s-mid p{font-size:clamp(16px,1.3vw,18.5px);line-height:1.55;color:var(--bits-body);margin:0}
.bh-s-entry{margin-top:24px}
.bh-s-entry span{display:block;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--bits-muted);margin-bottom:3px}
.bh-s-entry b{font-size:14.5px;color:var(--bits-ink);font-weight:750}
.bh-s-media{height:285px;margin-top:55px;border-radius:3px;overflow:hidden;background:#050505;box-shadow:0 22px 60px -34px rgba(0,0,0,.5);align-self:end}
.bh-s-media video{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.bh-slist-pin{position:relative}
.bh-slist-stick .bh-center-head{margin-bottom:0}
@media(min-width:1081px){
	
	.bh-slist-pin .bh-slist-stick{position:sticky;top:170px}
}
.bh-srow{transition:padding 1.1s cubic-bezier(.16,1,.3,1)}
.bh-srow.is-done{padding:12px 0}
.bh-srow.is-done .bh-s-left{gap:10px}
.bh-srow.is-done .bh-s-step{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-color:transparent;overflow:hidden}
.bh-srow.is-done .bh-s-title{font-size:clamp(23px,1.9vw,32px)}
.bh-srow.is-done .bh-s-media{height:110px;margin-top:0}
.bh-srow.is-done .bh-s-mid>p{max-height:4.8em;overflow:hidden}
.bh-srow.is-done .bh-s-entry{max-height:0;opacity:0;margin-top:0;overflow:hidden}
@media(prefers-reduced-motion:no-preference){
	.bh-s-step{transition:max-height .9s cubic-bezier(.16,1,.3,1),padding .9s cubic-bezier(.16,1,.3,1),opacity .85s cubic-bezier(.16,1,.3,1),border-color .6s}
	.bh-s-title{transition:color .45s,font-size 1.1s cubic-bezier(.16,1,.3,1)}
	.bh-s-mid>p{transition:max-height 1.1s cubic-bezier(.16,1,.3,1)}
	.bh-s-entry{transition:max-height .9s cubic-bezier(.16,1,.3,1),margin-top .9s cubic-bezier(.16,1,.3,1),opacity .85s cubic-bezier(.16,1,.3,1)}
	.bh-s-media{transition:height 1.1s cubic-bezier(.16,1,.3,1),margin-top 1.1s cubic-bezier(.16,1,.3,1)}
}
.bh-komp{
	position:relative;margin-top:48px;padding:48px 0 64px;text-align:center;
}
.bh-komp::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:var(--bits-soft);z-index:0}
.bh-komp>*{position:relative;z-index:1}
.bh-komp-heading{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;color:var(--bits-ink);margin:0 0 14px}
.bh-komp-lead{font-size:16px;color:var(--bits-body);max-width:640px;margin:0 auto 32px}
.bh-komp-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:20px}
.bh-komp-card{
	background:#fff;border-radius:20px;padding:24px;min-height:120px;
	display:flex;align-items:flex-start;justify-content:space-between;gap:14px;text-align:left;
	box-shadow:0 8px 24px -14px rgba(0,0,0,.22);
	transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;
}
.bh-komp-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -28px rgba(0,0,0,.32)}
.bh-komp-card h3{flex:1;font-size:clamp(17px,1.4vw,20px);font-weight:800;color:var(--bits-ink);line-height:1.2;margin:0}
.bh-komp-cta{margin:32px 0 0}
.bh-fokus-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.bh-fokus-card{
	display:flex;flex-direction:column;padding:26px 24px 22px;border-radius:20px;text-decoration:none;
	background:radial-gradient(130% 120% at 0% 0%,rgba(0,159,227,.16) 0%,rgba(9,28,50,.55) 38%,rgba(3,12,26,.82) 100%);
	border:1px solid rgba(0,159,227,.26);
	box-shadow:0 20px 46px -30px rgba(0,0,0,.7);
	transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;
}
.bh-fokus-card:hover{transform:translateY(-6px);border-color:rgba(106,197,255,.6);box-shadow:0 30px 64px -28px rgba(0,0,0,.78),0 0 34px -6px rgba(0,159,227,.35)}
.bh-fokus-card h3{color:#fff!important;font-size:18px;line-height:1.18;margin:0 0 10px}
.bh-fokus-line{display:block;width:26px;height:3px;border-radius:999px;background:var(--bits-cyan);margin:0 0 14px}
.bh-fokus-card p{font-size:15px;line-height:1.5;color:rgba(255,255,255,.72);margin:0}
.bh-fokus-more{margin-top:auto;padding-top:16px;color:var(--bits-cyan);font-weight:700;font-size:15px}
.bh-mittelstand-note{
	margin:24px 0;padding:14px 20px;border-left:3px solid var(--bits-cyan);
	background:rgba(255,255,255,.045);border-radius:0 14px 14px 0;
	font-size:15px;color:rgba(255,255,255,.88);font-weight:600;
}
.bh-branchen-more{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.54);margin-bottom:12px}
.bh-chipgrid{display:flex;flex-wrap:wrap;gap:9px}
.bh-chip{
	display:flex;align-items:center;gap:10px;padding:9px 15px;border-radius:999px;
	background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);
	font-weight:600;font-size:14px;color:rgba(255,255,255,.88);text-decoration:none;
	transition:.35s cubic-bezier(.2,.8,.3,1);
}
.bh-chip:hover{background:rgba(0,159,227,.16);border-color:rgba(0,159,227,.5);transform:translateY(-4px);color:#fff}
.bits-cs-page .cs-refgrid.bits-karten{
	margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
	padding:24px max(28px,calc(50vw - 600px)) 40px;
	background:var(--bits-soft);
}
.bh-qslider{
	position:relative;margin:56px auto 0;max-width:100%;
	overflow:hidden;padding:48px 0;
	-webkit-mask:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%);
	mask:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%);
}
.bh-qtrack{display:flex;align-items:center;width:max-content;will-change:transform}
.bh-quotes .bits-quote-card{
	width:100%;margin:0;min-height:250px;
	border:0;border-radius:34px;padding:40px 46px 34px;
	box-shadow:0 34px 80px -40px rgba(0,0,0,.28);text-align:center;
	display:flex;flex-direction:column;justify-content:center;
}
.bh-quotes .bits-quote-card::before{position:static;display:block;font-size:44px;line-height:.8;margin:0 0 12px;opacity:1}
.bh-quotes .bits-quote-card blockquote{font-size:clamp(15.5px,1.5vw,18px);line-height:1.65;margin:0 0 26px;flex:0}
.bh-faq-list{border-top:1px solid var(--bits-line)}
.bh-faq-list details{border-bottom:1px solid var(--bits-line)}
.bh-faq-list summary{
	list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;
	padding:19px 2px;font-size:17px;font-weight:700;color:var(--bits-ink);
	line-height:1.35;transition:color .25s;
}
.bh-faq-list summary::-webkit-details-marker{display:none}
.bh-faq-list summary::after{
	content:"+";flex-shrink:0;width:22px;height:22px;
	display:grid;place-items:center;color:var(--bits-cyan);
	font-size:26px;font-weight:800;line-height:1;
	transition:transform .35s cubic-bezier(.2,.8,.3,1);
}
.bh-faq-list details[open] summary{color:var(--bits-cyan-d)}
.bh-faq-list details[open] summary::after{transform:rotate(45deg)}
.bh-faq-list details p{padding:0 2px 22px;color:var(--bits-body);font-size:15.5px;line-height:1.72;max-width:660px;margin:0}
.bh-srow,.bh-komp-card,.bh-fokus-card,.bh-chip,
		.bh-center-head,.bh-mittelstand-note,
		.bh-faq-list details,.bh-refs .bh-wrap>*,.bh-insights .bh-wrap>*{
			animation:bhReveal linear both;
			animation-timeline:view();
			animation-range:entry 0% entry 40%;
		}
@media (max-width:1080px){
	.bh-srow{grid-template-columns:minmax(210px,.9fr) minmax(280px,1fr)}
	.bh-s-media{grid-column:1/-1;height:300px;margin-top:0}
	.bh-fokus-cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:880px){
	.bh-hero{margin-top:-120px}
	.bh-hero-main{padding:130px 0 40px}
	.bh-srow{grid-template-columns:1fr;gap:22px;padding:38px 0}
	.bh-s-media{height:auto;aspect-ratio:16/10}
	.bh-komp-grid{grid-template-columns:repeat(2,1fr)}
	.bh-faq-grid{grid-template-columns:1fr;gap:32px}
	.bh-qslide{width:86vw;padding:0 10px}
	.bh-quotes .bits-quote-card{padding:36px 26px}
}
@media (max-width:620px){
	.bh-fokus-cards{grid-template-columns:1fr}
	.bh-komp-grid{gap:12px}
}
.bh-refs + .cs-refgrid.bits-karten,
.bh-insights + .cs-refgrid.bits-karten{
	grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;
}
.bh-refs + .cs-refgrid.bits-karten .cs-refcard,
		.bh-insights + .cs-refgrid.bits-karten .cs-refcard{
			animation:bhReveal linear both;
			animation-timeline:view();
			animation-range:entry 0% entry 34%;
		}
.bh-refs + .cs-refgrid.bits-karten .cs-refcard:nth-child(2),
		.bh-insights + .cs-refgrid.bits-karten .cs-refcard:nth-child(2){animation-range:entry 6% entry 40%}
.bh-refs + .cs-refgrid.bits-karten .cs-refcard:nth-child(3),
		.bh-insights + .cs-refgrid.bits-karten .cs-refcard:nth-child(3){animation-range:entry 12% entry 46%}
.bh-refs + .cs-refgrid.bits-karten .cs-refcard:nth-child(4),
		.bh-insights + .cs-refgrid.bits-karten .cs-refcard:nth-child(4){animation-range:entry 18% entry 52%}
@media (max-width:1080px){
	.bh-refs + .cs-refgrid.bits-karten,
	.bh-insights + .cs-refgrid.bits-karten{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
	.bh-refs + .cs-refgrid.bits-karten,
	.bh-insights + .cs-refgrid.bits-karten{grid-template-columns:1fr}
}
.entry-content > .bh-loesungen,
.entry-content > .bh-branchen,
.entry-content > .bh-refs,
.entry-content > .bh-refs-cta,
.entry-content > .bh-quotes,
.entry-content > .bh-insights,
.entry-content > .bh-faq,
.entry-content > .cs-refgrid.bits-karten,
.entry-content > .bits-section{
	margin-top:0;margin-bottom:0;
}
.bh-komp{margin-top:64px;padding:64px 0}
.entry-content > .cs-refgrid.bits-karten,
.entry-content > .bh-refs-cta,
.entry-content > .bh-faq,
.entry-content > .bits-section,
.entry-content .cs-contact{
	margin-left:0;margin-right:0;
}
.bh-insights,
.bh-insights + .cs-refgrid.bits-karten,
.bits-cs-page .bh-insights + .cs-refgrid.bits-karten,
.bh-insights + .cs-refgrid.bits-karten + .bh-refs-cta{
	background:#fff;
}
.bh-faq-list{border-top:1px solid var(--bits-line,#DBDEE2)}
.bh-faq-list details{border-bottom:1px solid var(--bits-line,#DBDEE2)}
.bh-faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 2px;font-size:17px;font-weight:700;color:var(--bits-ink,#000);line-height:1.35;transition:color .25s}
.bh-faq-list summary::-webkit-details-marker{display:none}
.bh-faq-list summary::after{content:"+";flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;color:var(--bits-cyan,#009FE3);font-size:26px;font-weight:800;line-height:1;transition:transform .35s cubic-bezier(.2,.8,.3,1)}
.bh-faq-list details[open] summary{color:var(--bits-cyan-d,#006F9E)}
.bh-faq-list details[open] summary::after{transform:rotate(45deg)}
.bh-faq-list details p{padding:0 2px 22px;color:var(--bits-body,#3D454D);font-size:15.5px;line-height:1.72;max-width:660px;margin:0}
.bh-faq-list details{animation:bitsFaqReveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}


/* ===== aus startseite.css ===== */
.bh-clients{position:relative;z-index:2;padding:44px 0 48px;background:#02101b}
.bh-clients::after{
	content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
	width:min(1900px,100%);height:1px;pointer-events:none;
	background:linear-gradient(90deg,transparent,rgba(0,159,227,.75) 22%,rgba(0,159,227,.75) 78%,transparent);
}
.bh-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.bh-marquee-track{display:flex;gap:72px;width:max-content;align-items:center;animation:bhScroll 90s linear infinite}
.bh-marquee:hover .bh-marquee-track{animation-play-state:paused}
.bh-marquee-track img{height:30px;width:auto;filter:brightness(0) invert(1)}
.bh-slist{margin-top:44px;border-top:1px solid var(--bits-line)}
.bh-srow{
	display:grid;grid-template-columns:minmax(230px,.9fr) minmax(300px,1fr) minmax(300px,.95fr);
	gap:26px 56px;padding:28px 0;border-bottom:1px solid var(--bits-line);
	color:inherit;text-decoration:none;align-items:start;
}
.bh-s-left{display:flex;flex-direction:column;align-items:flex-start;gap:22px;align-self:stretch}
.bh-s-step{
	font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
	color:var(--bits-cyan-d);padding:7px 14px;border-radius:999px;
	border:1px solid var(--bits-line);background:#fff;white-space:nowrap;
}
.bh-s-title{font-size:clamp(30px,2.9vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--bits-ink);margin:0;transition:color .45s}
.bh-srow:hover .bh-s-title{color:var(--bits-cyan-d)}
.bh-rollbtn{
	margin-top:auto;display:inline-flex;align-items:center;gap:7px;
	border-radius:999px;background:var(--bits-cyan);color:#fff;
	font-weight:600;font-size:12.5px;padding:8px 16px;white-space:nowrap;
	transition:background .5s,transform .45s cubic-bezier(.2,.8,.2,1);
}
.bh-srow:hover .bh-rollbtn{background:var(--bits-cyan-d);transform:translateY(-2px)}
.bh-s-mid{padding-top:6px}
.bh-s-mid p{font-size:clamp(16px,1.3vw,18.5px);line-height:1.55;color:var(--bits-body);margin:0}
.bh-s-entry{margin-top:24px}
.bh-s-entry span{display:block;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--bits-muted);margin-bottom:3px}
.bh-s-entry b{font-size:14.5px;color:var(--bits-ink);font-weight:750}
.bh-s-media{height:285px;margin-top:55px;border-radius:3px;overflow:hidden;background:#050505;box-shadow:0 22px 60px -34px rgba(0,0,0,.5);align-self:end}
.bh-s-media video{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.bh-slist-pin{position:relative}
.bh-slist-stick .bh-center-head{margin-bottom:0}
@media(min-width:1081px){
	
	.bh-slist-pin .bh-slist-stick{position:sticky;top:170px}
}
.bh-srow{transition:padding 1.1s cubic-bezier(.16,1,.3,1)}
.bh-srow.is-done{padding:12px 0}
.bh-srow.is-done .bh-s-left{gap:10px}
.bh-srow.is-done .bh-s-step{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-color:transparent;overflow:hidden}
.bh-srow.is-done .bh-s-title{font-size:clamp(23px,1.9vw,32px)}
.bh-srow.is-done .bh-s-media{height:110px;margin-top:0}
.bh-srow.is-done .bh-s-mid>p{max-height:4.8em;overflow:hidden}
.bh-srow.is-done .bh-s-entry{max-height:0;opacity:0;margin-top:0;overflow:hidden}
@media(prefers-reduced-motion:no-preference){
	.bh-s-step{transition:max-height .9s cubic-bezier(.16,1,.3,1),padding .9s cubic-bezier(.16,1,.3,1),opacity .85s cubic-bezier(.16,1,.3,1),border-color .6s}
	.bh-s-title{transition:color .45s,font-size 1.1s cubic-bezier(.16,1,.3,1)}
	.bh-s-mid>p{transition:max-height 1.1s cubic-bezier(.16,1,.3,1)}
	.bh-s-entry{transition:max-height .9s cubic-bezier(.16,1,.3,1),margin-top .9s cubic-bezier(.16,1,.3,1),opacity .85s cubic-bezier(.16,1,.3,1)}
	.bh-s-media{transition:height 1.1s cubic-bezier(.16,1,.3,1),margin-top 1.1s cubic-bezier(.16,1,.3,1)}
}
.bh-komp{
	position:relative;margin-top:48px;padding:48px 0 64px;text-align:center;
}
.bh-komp::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:var(--bits-soft);z-index:0}
.bh-komp>*{position:relative;z-index:1}
.bh-komp-heading{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;color:var(--bits-ink);margin:0 0 14px}
.bh-komp-lead{font-size:16px;color:var(--bits-body);max-width:640px;margin:0 auto 32px}
.bh-komp-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:20px}
.bh-komp-card{
	background:#fff;border-radius:20px;padding:24px;min-height:120px;
	display:flex;align-items:flex-start;justify-content:space-between;gap:14px;text-align:left;
	box-shadow:0 8px 24px -14px rgba(0,0,0,.22);
	transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;
}
.bh-komp-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -28px rgba(0,0,0,.32)}
.bh-komp-card h3{flex:1;font-size:clamp(17px,1.4vw,20px);font-weight:800;color:var(--bits-ink);line-height:1.2;margin:0}
.bh-komp-cta{margin:32px 0 0}
.bh-fokus-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.bh-fokus-card{
	display:flex;flex-direction:column;padding:26px 24px 22px;border-radius:20px;text-decoration:none;
	background:radial-gradient(130% 120% at 0% 0%,rgba(0,159,227,.07) 0%,rgba(9,28,50,.42) 40%,rgba(3,12,26,.78) 100%);
	border:1px solid rgba(0,159,227,.15);
	box-shadow:0 20px 46px -30px rgba(0,0,0,.7);
	transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;
}
.bh-fokus-card:hover{transform:translateY(-6px);border-color:rgba(106,197,255,.34);box-shadow:0 30px 64px -28px rgba(0,0,0,.78),0 0 30px -10px rgba(0,159,227,.18)}
.bh-fokus-card h3{color:#fff!important;font-size:18px;line-height:1.18;margin:0 0 10px}
.bh-fokus-line{display:block;width:26px;height:3px;border-radius:999px;background:var(--bits-cyan);margin:0 0 14px}
.bh-fokus-card p{font-size:15px;line-height:1.5;color:rgba(255,255,255,.72);margin:0}
.bh-fokus-more{margin-top:auto;padding-top:16px;color:var(--bits-cyan);font-weight:700;font-size:15px}
.bh-mittelstand-note{
	margin:24px 0;padding:14px 20px;border-left:3px solid var(--bits-cyan);
	background:rgba(255,255,255,.045);border-radius:0 14px 14px 0;
	font-size:15px;color:rgba(255,255,255,.88);font-weight:600;
}
.bh-branchen-more{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.54);margin-bottom:12px}
.bh-chipgrid{display:flex;flex-wrap:wrap;gap:9px}
.bh-chip{
	display:flex;align-items:center;gap:10px;padding:9px 15px;border-radius:999px;
	background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);
	font-weight:600;font-size:14px;color:rgba(255,255,255,.88);text-decoration:none;
	transition:.35s cubic-bezier(.2,.8,.3,1);
}
.bh-chip:hover{background:rgba(0,159,227,.16);border-color:rgba(0,159,227,.5);transform:translateY(-4px);color:#fff}
.bits-cs-page .cs-refgrid.bits-karten{
	margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
	padding:24px max(28px,calc(50vw - 600px)) 40px;
	background:var(--bits-soft);
}
.bh-qslider{
	position:relative;margin:28px auto 0;max-width:100%;
	
	overflow:hidden;padding:22px 0 6px;
	-webkit-mask:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%);
	mask:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%);
}
.bh-qtrack{display:flex;align-items:stretch;width:max-content;will-change:transform}
.bh-quotes .bits-quote-card{
	box-sizing:border-box;
	width:100%;height:100%;margin:0;min-height:250px;
	border:0;border-radius:34px;padding:36px 46px 32px;
	box-shadow:0 34px 80px -40px rgba(0,0,0,.28);text-align:center;
	display:flex;flex-direction:column;justify-content:center;
}
.bh-quotes .bits-quote-card::before{display:none}
.bh-quotes .bits-quote-card .bits-quote-foto{order:1;width:72px;height:72px;margin:0 auto 14px}
.bh-quotes .bits-quote-card blockquote{
	order:3;
	
	font-style:italic;
	font-size:clamp(15.5px,1.5vw,18px);line-height:1.65;margin:0 0 22px;flex:0;
}
.bh-quotes .bits-quote-card .bits-quote-link{order:4}
.bh-quotes .bits-quote-card figcaption{order:5}
.bh-quotes .bits-quote-card.bh-q-lang blockquote{font-size:clamp(14.5px,1.3vw,16px);line-height:1.6}
.bh-quotes .bits-quote-card.bh-q-sehrlang blockquote{font-size:clamp(13.5px,1.15vw,15px);line-height:1.58}
.bh-faq-list{border-top:1px solid var(--bits-line)}
.bh-faq-list details{border-bottom:1px solid var(--bits-line)}
.bh-faq-list summary{
	list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;
	padding:19px 2px;font-size:17px;font-weight:700;color:var(--bits-ink);
	line-height:1.35;transition:color .25s;
}
.bh-faq-list summary::-webkit-details-marker{display:none}
.bh-faq-list summary::after{
	content:"+";flex-shrink:0;width:22px;height:22px;
	display:grid;place-items:center;color:var(--bits-cyan);
	font-size:26px;font-weight:800;line-height:1;
	transition:transform .35s cubic-bezier(.2,.8,.3,1);
}
.bh-faq-list details[open] summary{color:var(--bits-cyan-d)}
.bh-faq-list details[open] summary::after{transform:rotate(45deg)}
.bh-faq-list details p{padding:0 2px 22px;color:var(--bits-body);font-size:15.5px;line-height:1.72;max-width:660px;margin:0}
.bh-srow,.bh-komp-card,.bh-fokus-card,.bh-chip,
		.bh-center-head,.bh-mittelstand-note,
		.bh-faq-list details,.bh-refs .bh-wrap>*,.bh-insights .bh-wrap>*{
			animation:bhReveal linear both;
			animation-timeline:view();
			animation-range:entry 0% entry 40%;
		}
@media (max-width:1080px){
	.bh-srow{grid-template-columns:minmax(210px,.9fr) minmax(280px,1fr)}
	.bh-s-media{grid-column:1/-1;height:300px;margin-top:0}
	.bh-fokus-cards{grid-template-columns:repeat(2,1fr)}
	
	.bh-komp-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:880px){
	.bh-hero{margin-top:-120px}
	.bh-hero-main{padding:130px 0 40px}
	.bh-srow{grid-template-columns:1fr;gap:22px;padding:38px 0}
	.bh-s-media{height:auto;aspect-ratio:16/10}
	.bh-komp-grid{grid-template-columns:repeat(2,1fr)}
	.bh-faq-grid{grid-template-columns:1fr;gap:32px}
	.bh-qslide{width:86vw;padding:0 10px}
	.bh-quotes .bits-quote-card{padding:28px 22px 24px}
	
	.bh-qnav{width:38px;height:38px}
	.bh-qnav svg{width:16px;height:16px}
	.bh-qnav--prev{left:4px}
	.bh-qnav--next{right:4px}
	.bh-qdots{gap:8px;margin-top:18px}
	.bh-qdot[aria-current="true"]{width:22px}
}
@media (max-width:620px){
	.bh-fokus-cards{grid-template-columns:1fr}
	
	.bh-komp-grid{grid-template-columns:1fr;gap:12px}
	.bh-komp-card{min-height:0;padding:18px 20px}
	
	.bh-wrap{padding:0 18px}
}
.bh-refs + .cs-refgrid.bits-karten,
.bh-insights + .cs-refgrid.bits-karten{
	grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;
}
.bh-refs + .cs-refgrid.bits-karten .cs-refcard,
		.bh-insights + .cs-refgrid.bits-karten .cs-refcard{
			animation:bhReveal linear both;
			animation-timeline:view();
			animation-range:entry 0% entry 34%;
		}
.bh-refs + .cs-refgrid.bits-karten .cs-refcard:nth-child(2),
		.bh-insights + .cs-refgrid.bits-karten .cs-refcard:nth-child(2){animation-range:entry 6% entry 40%}
.bh-refs + .cs-refgrid.bits-karten .cs-refcard:nth-child(3),
		.bh-insights + .cs-refgrid.bits-karten .cs-refcard:nth-child(3){animation-range:entry 12% entry 46%}
.bh-refs + .cs-refgrid.bits-karten .cs-refcard:nth-child(4),
		.bh-insights + .cs-refgrid.bits-karten .cs-refcard:nth-child(4){animation-range:entry 18% entry 52%}
@media (max-width:1080px){
	.bh-refs + .cs-refgrid.bits-karten,
	.bh-insights + .cs-refgrid.bits-karten{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
	.bh-refs + .cs-refgrid.bits-karten,
	.bh-insights + .cs-refgrid.bits-karten{grid-template-columns:1fr}
}
.bh-fokus-card,.bh-komp-card{
	--tilt-x:0deg;--tilt-y:0deg;--glanz-x:50%;--glanz-y:50%;
	transform-style:preserve-3d;
	will-change:transform;
}
.bh-fokus-card.bh-tilt-an,.bh-komp-card.bh-tilt-an{
	transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-4px)!important;
	transition:transform .18s ease-out;
}
.bh-fokus-card::after,.bh-komp-card::after{
	content:"";position:absolute;inset:0;border-radius:inherit;
	pointer-events:none;opacity:0;transition:opacity .3s ease;
	
	background:radial-gradient(340px circle at var(--glanz-x) var(--glanz-y),
		rgba(0,159,227,.11),transparent 60%);
}
.bh-fokus-card.bh-tilt-an::after,.bh-komp-card.bh-tilt-an::after{opacity:1}
.bh-fokus-card,.bh-komp-card{position:relative}
@media (prefers-reduced-motion:reduce){
	.bh-wort-bereit .bh-wort{opacity:1;transform:none;transition:none}
	.bh-fokus-card.bh-tilt-an,.bh-komp-card.bh-tilt-an{transform:none}
	.bh-fokus-card::after,.bh-komp-card::after{display:none}
	.bh-branchen::after,.bh-hero-video{transform:none}
}
.entry-content > .bits-section:has(.bits-zahlen){margin-top:0;margin-bottom:0}
.bh-loesungen + .bits-section .bits-zahlen{padding:64px 0}
.bh-lead,.bh-s-mid p,.bh-komp-lead,.bh-fokus-card p,
.bh-mittelstand-note,.bh-faq-list details p,.bh-s-entry b{
	font-size:var(--bits-text);line-height:var(--bits-text-lh);letter-spacing:var(--bits-text-ls);
}
.bh-loesungen h2,.bh-branchen h2,.bh-refs h2,
.bh-quotes h2,.bh-insights h2,.bh-faq h2,.bh-komp-heading{
	font-family:var(--bits-font);
	font-size:var(--bits-h2);font-weight:800;
	line-height:var(--bits-h2-lh);letter-spacing:var(--bits-h2-ls);
}
body.bits-cs-page .bh-komp-card h3,
body.bits-cs-page .bh-fokus-card h3,
body.bits-cs-page .bh-faq-list summary{
	font-family:var(--bits-font);
	font-size:var(--bits-h3);font-weight:700;
	line-height:var(--bits-h3-lh);letter-spacing:var(--bits-h3-ls);
}
body.bits-cs-page .bh-lead,
body.bits-cs-page .bh-s-mid p,
body.bits-cs-page .bh-komp-lead,
body.bits-cs-page .bh-fokus-card p{font-weight:400}
.bh-s-title{
	font-size:clamp(26px,2.6vw,40px);font-weight:800;
	line-height:1.05;letter-spacing:var(--bits-h2-ls);
}
.bh-srow.is-done .bh-s-title{font-size:clamp(20px,1.7vw,28px)}
.entry-content > .bh-loesungen,
.entry-content > .bh-branchen,
.entry-content > .bh-refs,
.entry-content > .bh-refs-cta,
.entry-content > .bh-quotes,
.entry-content > .bh-insights,
.entry-content > .bh-faq,
.entry-content > .cs-refgrid.bits-karten,
.entry-content > .bits-section{
	margin-top:0;margin-bottom:0;
}
.bh-komp{margin-top:64px;padding:64px 0}
.entry-content > .cs-refgrid.bits-karten,
.entry-content > .bh-refs-cta,
.entry-content > .bh-faq,
.entry-content > .bits-section,
.entry-content .cs-contact{
	margin-left:0;margin-right:0;
}
.bh-insights,
.bh-insights + .cs-refgrid.bits-karten,
.bits-cs-page .bh-insights + .cs-refgrid.bits-karten,
.bh-insights + .cs-refgrid.bits-karten + .bh-refs-cta{
	background:#fff;
}


/* ===== aus case-study.css ===== */
.grad-text{color:var(--bits-cyan)}
.cs-hero h1,.cs-archive-head h1,
.cs-article h2,.cs-details h2,.cs-contact h2,
.cs-band .cs-metric-num,.cs-refbody h2,
.bits-quote-card blockquote{text-wrap:balance}
.cs-hero h1 .grad-text{color:var(--bits-cyan)}
.cs-refgrid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(270px,1fr));
	gap:20px;
}
.cs-refcard{
	background:#fff;border-radius:26px;overflow:hidden;
	border:1px solid var(--bits-line);
	display:flex;flex-direction:column;
	text-decoration:none;color:inherit;
	transition:.45s cubic-bezier(.2,.8,.3,1);
}
.cs-refcard:hover{
	transform:translateY(-8px);
	box-shadow:0 46px 96px -34px rgba(0,0,0,.35);
}
.cs-refimg{aspect-ratio:16/10;overflow:hidden;position:relative;background:#0d2135}
.cs-refimg img,.cs-refimg video{
	position:absolute;inset:0;width:100%;height:100%;
	object-fit:cover;display:block;
	transition:.7s cubic-bezier(.2,.8,.3,1);
}
.cs-refcard:hover .cs-refimg img,
.cs-refcard:hover .cs-refimg video{transform:scale(1.06)}
.cs-refimg-fallback{
	position:absolute;inset:0;
	background:
		radial-gradient(90% 80% at 75% 15%,rgba(0,159,227,.30),transparent 62%),
		linear-gradient(160deg,#001521 0%,#000 70%);
}
.cs-refimg-fallback::after{
	content:"";position:absolute;inset:0;
	background:url("bits-mark-white.png") center/44% no-repeat;
	opacity:.16;filter:brightness(0) invert(1);
}
.cs-reftag{
	position:absolute;bottom:12px;left:12px;z-index:2;
	padding:5px 11px;border-radius:999px;
	background:rgba(255,255,255,.9);
	-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
	font-size:11px;font-weight:700;color:var(--bits-ink);
}
.cs-refbody{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1}
.cs-refbody h2{
	font-size:17px;line-height:1.3;letter-spacing:-.01em;
	margin:0 0 8px;color:var(--bits-ink);
}
.cs-refbody p{font-size:14px;line-height:1.6;color:var(--bits-body);margin:0;flex:1}
.cs-refmore{
	display:inline-flex;align-items:center;gap:8px;
	margin-top:22px;font-weight:700;font-size:14.5px;color:var(--bits-cyan-d);
}
.cs-refmore svg{transition:.35s}
.cs-refcard:hover .cs-refmore svg{transform:translateX(5px)}
.cs-refcard{
			animation:bitsReveal linear both;
			animation-timeline:view();
			animation-range:entry 0% entry 42%;
		}
.bits-cs-section .cs-refgrid{grid-template-columns:repeat(4,1fr)}
@media (max-width:1080px){
	.bits-cs-section .cs-refgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
	.bits-cs-section .cs-refgrid{grid-template-columns:1fr}
}
.bits-zahlen{padding:64px 0}
.bits-zahlen-in{max-width:1200px;margin:0 auto;padding:0 28px}
.bits-zahlen-head{text-align:center;margin:0 0 40px}
.bits-zahlen .bits-zahlen-eyebrow{
	display:block;font-size:12px;font-weight:800;letter-spacing:.18em;
	text-transform:uppercase;color:var(--bits-cyan);margin:0 0 14px;
}
.bits-zahlen h2{
	font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.02em;
	margin:0;color:var(--bits-ink);text-wrap:balance;
}
.bits-zahlen h2 .bits-zahlen-grad{color:var(--bits-cyan)}
.bits-zahlen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bits-zahlen-card{
	background:#fff;border:1px solid var(--bits-line);border-radius:var(--bits-r-x);
	padding:34px 26px;text-align:center;
	box-shadow:0 8px 24px -14px rgba(0,0,0,.22);
	transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .35s;
}
.bits-zahlen-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -28px rgba(0,0,0,.32)}
.bits-zahlen-card b{
	display:block;font-size:clamp(40px,4.4vw,56px);font-weight:800;
	line-height:1;letter-spacing:-.03em;color:var(--bits-cyan);
	font-variant-numeric:tabular-nums;
}
.bits-zahlen-card span{display:block;margin-top:12px;font-size:15px;font-weight:600;color:var(--bits-body)}
.bits-zahlen-card{animation:bitsReveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
.bits-zahlen-card:nth-child(2){animation-range:entry 6% entry 46%}
.bits-zahlen-card:nth-child(3){animation-range:entry 12% entry 52%}
.bits-zahlen-card:nth-child(4){animation-range:entry 18% entry 58%}
@media (max-width:900px){.bits-zahlen-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.bits-zahlen-grid{grid-template-columns:1fr}}
.bits-quote-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
	gap:20px;
}
.bits-quote-card{
	margin:0;background:#fff;border:1px solid var(--bits-line);
	border-radius:26px;padding:32px 30px 28px;
	box-shadow:0 8px 24px -14px rgba(0,0,0,.22);
	display:flex;flex-direction:column;position:relative;
}
.bits-quote-card::before{
	content:"\201C";position:absolute;top:10px;left:22px;
	font-size:64px;line-height:1;font-weight:800;
	color:var(--bits-cyan);opacity:.30;
}
.bits-quote-card blockquote{
	margin:14px 0 20px;padding:0;border:0;
	font-size:15.5px;font-weight:500;line-height:1.7;color:var(--bits-ink);flex:1;
}
.bits-quote-card .bits-quote-link{
	display:block;margin:-10px 0 18px;
	color:var(--bits-cyan-d);font-weight:700;font-size:14px;text-decoration:none;
	transition:color .25s;
}
.bits-quote-card .bits-quote-link:hover{color:var(--bits-cyan)}
.bits-quote-card .bits-quote-foto{
	display:block;width:64px;height:64px;
	margin:0 auto 14px;
	border-radius:50%;object-fit:cover;object-position:center top;
	background:var(--bits-soft);
	box-shadow:0 0 0 4px #fff,0 6px 18px -8px rgba(0,0,0,.35);
}
.bits-quote-card .bits-quote-foto--leer{object-fit:contain;background:#E9EDF1}
.bits-quote-card figcaption b{display:block;color:var(--bits-ink);font-size:15px;font-weight:800}
.bits-quote-card figcaption span{display:block;font-size:13px;color:var(--bits-muted);font-weight:600}


/* ===== aus anpassungen.css ===== */
.bh-clients { position: relative; z-index: 2; }
:is(
	.bh-abschnitt-kopf-mitte,
	.bh-abschnitt-kopf-mitte > .bh-slist-pin > .bh-slist-stick
) > :is( p, h1, h2, h3 ) {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
:is(
	.bh-abschnitt-kopf-mitte,
	.bh-abschnitt-kopf-mitte > .bh-slist-pin > .bh-slist-stick
) > :is( p.bh-lead, p.bh-komp-lead ) {
	max-width: 760px;
}
:is(
	.bh-abschnitt-kopf-mitte,
	.bh-abschnitt-kopf-mitte > .bh-slist-pin > .bh-slist-stick
) > .wp-block-buttons {
	justify-content: center;
}
.bh-abschnitt-kopf-mitte .bh-slist,
.bh-abschnitt-kopf-mitte .bh-srow,
.bh-abschnitt-kopf-mitte .bh-fokus-cards,
.bh-abschnitt-kopf-mitte .bh-chipgrid,
.bh-abschnitt-kopf-mitte .bh-komp-grid,
.bh-abschnitt-kopf-mitte .cs-refgrid,
.bh-abschnitt-kopf-mitte .bh-faq-list,
.bh-abschnitt-kopf-mitte .mycs-listwrap {
	text-align: left;
}