/* nxtp Theme — enablement.css | Version 1.4.0
   Styles für den Themenbereich Sales & Revenue Enablement (Pillar + 4 Unterseiten).
   Baut vollständig auf den Variablen und Mustern von main.css auf. */

/* ─── SUBPAGE HERO ───────────────────────────────────────────────────────────── */
.subhero { background: var(--dark2); position: relative; overflow: hidden; }
.subhero-content { position: relative; z-index: 2; padding-top: 9rem; padding-bottom: 4.5rem; }
.crumbs { font-size: .72rem; color: #8F948F; margin-bottom: 1.6rem; letter-spacing: .05em; }
.crumbs a { color: #8F948F; transition: color .2s; }
.crumbs a:hover { color: var(--bronze); }
.crumbs span { color: var(--bronze); }
.subhero-headline { font-size: clamp(2rem, 4.5vw, 3.6rem); font-weight: 500; line-height: 1.12; color: #F7F4EE; margin-bottom: 1.6rem; max-width: 900px; }
.subhero-headline em { font-style: normal; color: var(--bronze); }
.subhero-sub { font-size: 1rem; font-weight: 300; color: #A6ABA6; line-height: 1.75; max-width: 640px; margin-bottom: 2.4rem; }
.subhero-sub strong { color: #F7F4EE; font-weight: 500; }
.subhero .hero-stats { margin-top: 3rem; }
.stat-src { display: block; font-size: .66rem; color: #6B716C; margin-top: .35rem; }

/* ─── SEKTIONEN ──────────────────────────────────────────────────────────────── */
.en-section { padding: 6rem 0; }
.en-white  { background: var(--white); }
.en-light  { background: var(--light); }
.en-dark   { background: var(--dark); position: relative; }
.en-dark2  { background: var(--dark2); }
.section-headline--light { color: #F7F4EE; }
.en-p { font-size: .95rem; line-height: 1.8; max-width: 720px; margin-bottom: 1rem; }
.en-white .en-p, .en-light .en-p { color: var(--mid); }
.en-dark .en-p, .en-dark2 .en-p { color: #A6ABA6; }
.en-p strong { font-weight: 500; }
.en-white .en-p strong, .en-light .en-p strong { color: var(--dark); }
.en-dark .en-p strong, .en-dark2 .en-p strong { color: #F7F4EE; }
.en-link { color: var(--bronze2); border-bottom: 1px solid rgba(35,42,39,.4); transition: border-color .2s, color .2s; }
.en-dark .en-link, .en-dark2 .en-link { color: var(--bronze3); }
.en-link:hover { border-bottom-color: var(--bronze); color: var(--bronze); }
.en-section .divider { margin-bottom: 2rem; }

/* ─── SYMPTOM-LISTE ──────────────────────────────────────────────────────────── */
.symptom-list { max-width: 720px; margin-top: 2rem; }
.symptom-list li { list-style: none; position: relative; padding: .9rem 0 .9rem 1.7rem; border-bottom: 1px solid var(--border); font-size: .92rem; color: var(--mid); line-height: 1.6; }
.symptom-list li::before { content: ''; position: absolute; left: 0; top: 1.55rem; width: .6rem; height: 2px; background: var(--bronze); }

/* ─── GRIDS (nutzen service-card / format-card aus main.css) ─────────────────── */
.en-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5px; margin-top: 2.5rem; }
.en-grid--2 { grid-template-columns: repeat(2, 1fr); }
.en-grid--4 { grid-template-columns: repeat(4, 1fr); gap: 1px; }
.en-grid .format-card { border-top: 3px solid var(--border-dark); }

/* ─── VERGLEICHSTABELLE ──────────────────────────────────────────────────────── */
.en-table-wrap { overflow-x: auto; margin-top: 2.5rem; border: 1px solid var(--border); }
.en-table { width: 100%; min-width: 640px; border-collapse: collapse; background: var(--white); font-size: .86rem; }
.en-table th, .en-table td { text-align: left; padding: .9rem 1.2rem; border-bottom: 1px solid var(--border); vertical-align: top; color: var(--mid); line-height: 1.55; }
.en-table th { font-size: .72rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--dark); background: var(--light); }
.en-table td:first-child { font-weight: 500; color: var(--dark); white-space: nowrap; }
.en-table td em { font-style: normal; color: var(--bronze2); font-weight: 500; }

/* ─── FAQ ────────────────────────────────────────────────────────────────────── */
.faq { max-width: 720px; margin-top: 2rem; }
.faq details { border-bottom: 1px solid var(--border); }
.en-dark .faq details, .en-dark2 .faq details { border-color: var(--border-dark); }
.faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.1rem 0; font-size: .92rem; font-weight: 500; color: var(--dark); }
.en-dark .faq summary, .en-dark2 .faq summary { color: #F7F4EE; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: '+'; color: var(--bronze); font-size: 1.25rem; font-weight: 400; flex-shrink: 0; transition: transform .2s; }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details p { font-size: .88rem; color: var(--mid); line-height: 1.75; padding-bottom: 1.2rem; margin: 0; max-width: 660px; }
.en-dark .faq details p, .en-dark2 .faq details p { color: #A6ABA6; }

/* ─── CTA-BLOCK ──────────────────────────────────────────────────────────────── */
.cta-block { background: var(--dark); border: 1px solid var(--border-dark); padding: 2.6rem 2.4rem; margin-top: 3rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; }
.cta-block h3 { font-size: 1.15rem; font-weight: 500; color: #F7F4EE; margin-bottom: .4rem; }
.cta-block p { font-size: .85rem; color: #A6ABA6; line-height: 1.65; margin: 0; max-width: 560px; }

/* ─── ANGEBOTS-KARTEN (Einstiegs-Seite) ──────────────────────────────────────── */
.offer-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5px; margin-top: 2.5rem; }
.offer-card { background: var(--white); border-top: 3px solid var(--bronze); padding: 2.4rem 2rem; }
.offer-label { font-size: .72rem; font-weight: 500; color: var(--bronze2); letter-spacing: .15em; text-transform: uppercase; display: block; margin-bottom: .8rem; }
.offer-card h3 { font-size: 1.1rem; font-weight: 500; color: var(--dark); margin-bottom: 1rem; line-height: 1.3; }
.offer-card p { font-size: .88rem; color: var(--mid); line-height: 1.7; margin-bottom: .8rem; }
.offer-card ul { margin-top: 1.2rem; }
.offer-card ul li { list-style: none; position: relative; padding: .35rem 0 .35rem 1.4rem; font-size: .85rem; color: var(--mid); line-height: 1.55; }
.offer-card ul li::before { content: ''; position: absolute; left: 0; top: .95rem; width: .55rem; height: 2px; background: var(--bronze); }

/* ─── RESPONSIVE ─────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .en-grid, .en-grid--4 { grid-template-columns: 1fr 1fr; }
  .offer-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .subhero-content { padding-top: 6.5rem; padding-bottom: 3rem; }
  .en-section { padding: 4rem 0; }
  .en-grid, .en-grid--2, .en-grid--4 { grid-template-columns: 1fr; }
  .cta-block { padding: 1.8rem 1.4rem; }
  .cta-block .btn-primary { width: 100%; text-align: center; }
  .offer-card { padding: 1.8rem 1.4rem; }
}

/* ─── SUBPAGE HERO: BILDBLOCK (v1.5.0) ───────────────────────────────────────── */
.subhero-img { position: absolute; right: 0; top: 0; bottom: 0; width: 34%; overflow: hidden; }
.subhero-img img { width: 100%; height: 100%; object-fit: cover; opacity: .55; display: block; }
.subhero-img--photo img { opacity: .62; } /* v1.12: heller Brand-Filter ist in die Fotos gebacken, kein CSS-Filter mehr */
.subhero-img::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 65%; background: linear-gradient(to right, var(--dark2), transparent); z-index: 1; }
@media (max-width: 900px) { .subhero-img { display: none; } }

/* ─── NEWS / AKTUELLES (v1.5.0) ──────────────────────────────────────────────── */
#news { padding: 7rem 0; background: var(--light); }
.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5px; margin-top: 2.5rem; }
.news-card { display: block; background: var(--white); padding: 2rem 1.8rem; border-bottom: 3px solid transparent; transition: border-color .25s, transform .25s, box-shadow .25s; }
.news-card:hover { border-bottom-color: var(--bronze); transform: translateY(-3px); box-shadow: none; }
.news-date { font-size: .72rem; font-weight: 500; color: var(--bronze); letter-spacing: .15em; display: block; margin-bottom: 1rem; }
.news-title { font-size: 1.02rem; font-weight: 500; color: var(--dark); line-height: 1.4; margin-bottom: .8rem; }
.news-excerpt { font-size: .86rem; color: var(--mid); line-height: 1.7; margin-bottom: 1.2rem; }
.news-more { font-size: .78rem; font-weight: 500; color: var(--bronze2); letter-spacing: .04em; }
.news-card:hover .news-more { color: var(--bronze); }
.news-footer-link { margin-top: 2.5rem; }

/* Artikelliste (Beitragsseite /aktuelles/) */
.news-list { margin-top: 2.5rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5px; }
.news-pagination { margin-top: 3rem; display: flex; gap: 1rem; font-size: .82rem; }
.news-pagination a { color: var(--bronze2); border-bottom: 1px solid rgba(35,42,39,.4); }
.news-pagination a:hover { color: var(--bronze); }
.news-empty { margin-top: 2.5rem; font-size: .9rem; color: var(--mid); }

/* Einzelner Artikel */
.article-head { background: var(--dark2); position: relative; overflow: hidden; }
.article-head-content { position: relative; z-index: 2; padding-top: 9rem; padding-bottom: 3.5rem; max-width: 800px; }
.article-meta { font-size: .72rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--bronze); margin-bottom: 1.2rem; display: block; }
.article-title { font-size: clamp(1.8rem, 3.6vw, 2.8rem); font-weight: 500; line-height: 1.2; color: #F7F4EE; }
.article-body-wrap { background: var(--white); padding: 4.5rem 0 6rem; }
.article-body { max-width: 720px; }
.article-body p { font-size: .98rem; color: var(--mid); line-height: 1.85; margin-bottom: 1.2rem; }
.article-body h2 { font-size: 1.3rem; font-weight: 500; color: var(--dark); margin: 2.4rem 0 1rem; line-height: 1.35; }
.article-body h3 { font-size: 1.05rem; font-weight: 500; color: var(--dark); margin: 1.8rem 0 .8rem; }
.article-body ul, .article-body ol { margin: .8rem 0 1.2rem 1.4rem; }
.article-body ul li, .article-body ol li { font-size: .95rem; color: var(--mid); line-height: 1.8; margin-bottom: .4rem; list-style: disc; }
.article-body ol li { list-style: decimal; }
.article-body a { color: var(--bronze2); border-bottom: 1px solid rgba(35,42,39,.4); }
.article-body a:hover { color: var(--bronze); }
.article-body blockquote { border-left: 2px solid var(--bronze); padding-left: 1.2rem; margin: 1.8rem 0; font-style: italic; color: var(--dark); }
.article-body strong { color: var(--dark); }
.article-author { margin-top: 3.5rem; border-top: 1px solid var(--border); padding-top: 1.6rem; display: flex; gap: 1.2rem; align-items: center; }
.article-author img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; filter: grayscale(20%); }
.article-author .aa-name { font-size: .9rem; font-weight: 500; color: var(--dark); }
.article-author .aa-role { font-size: .78rem; color: var(--lt); }
.article-nav { margin-top: 2.5rem; font-size: .82rem; }
.article-nav a { color: var(--bronze2); border-bottom: 1px solid rgba(35,42,39,.4); }
.article-nav a:hover { color: var(--bronze); }

@media (max-width: 900px) { .news-grid, .news-list { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) {
  #news { padding: 4.5rem 0; }
  .news-grid, .news-list { grid-template-columns: 1fr; }
  .article-head-content { padding-top: 6.5rem; }
  .article-body-wrap { padding: 3rem 0 4rem; }
}

/* ─── ARTIKEL: BEITRAGSBILDER & FIGUREN (v1.6.0) ─────────────────────────────── */
.news-thumb { display: block; margin: -2rem -1.8rem 1.4rem; aspect-ratio: 16/9; overflow: hidden; }
.news-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.news-card:hover .news-thumb img { transform: scale(1.03); }

.article-head .subhero-img img { opacity: .5; }

.article-body figure, .article-body .wp-block-image { margin: 2.4rem 0; }
.article-body figure img, .article-body .wp-block-image img { width: 100%; height: auto; border: 1px solid var(--border); display: block; }
.article-body figcaption { font-size: .76rem; color: var(--lt); margin-top: .6rem; line-height: 1.5; }

/* ─── FOOTER: KI-TRANSPARENZHINWEIS (v1.6.1) ─────────────────────────────────── */
.footer-ai { margin-top: 1.4rem; padding-top: 1.2rem; border-top: 1px solid var(--border-dark); font-size: .72rem; color: #6B716C; line-height: 1.6; text-align: center; }
.footer-ai a { color: #8F948F; text-decoration: underline; text-underline-offset: 2px; transition: color .2s; }
.footer-ai a:hover { color: var(--bronze); }
.footer-version { color: #6B716C; }

/* ─── NEWS: FILTERLEISTE & TAGS (v1.7.0) ─────────────────────────────────────── */
.news-filter { display: flex; gap: .8rem; flex-wrap: wrap; align-items: center; margin-bottom: .5rem; }
.news-filter input[type="search"] { flex: 1 1 260px; background: var(--white); border: 1px solid var(--border); color: var(--dark); font-family: 'Inter', sans-serif; font-size: .88rem; padding: .8rem 1rem; outline: none; transition: border-color .2s; }
.news-filter select { background: var(--white); border: 1px solid var(--border); color: var(--mid); font-family: 'Inter', sans-serif; font-size: .85rem; padding: .8rem 1rem; outline: none; cursor: pointer; }
.news-filter input:focus, .news-filter select:focus { border-color: var(--bronze); }
.news-filter .btn-filter { padding: .8rem 1.6rem; font-size: .82rem; }
.news-filter-reset { font-size: .8rem; color: var(--bronze2); border-bottom: 1px solid rgba(35,42,39,.4); }
.news-filter-reset:hover { color: var(--bronze); }
.news-tags { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: 1rem; }
.news-tag { font-size: .66rem; font-weight: 500; color: var(--mid); border: 1px solid var(--border); padding: .15rem .55rem; letter-spacing: .04em; }
.news-noresults, .news-empty { font-size: .9rem; color: var(--mid); margin-top: 2rem; }
.article-tags { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1.4rem; }
.article-tag { font-size: .7rem; font-weight: 500; color: #8F948F; border: 1px solid #3D4541; padding: .25rem .7rem; letter-spacing: .06em; transition: color .2s, border-color .2s; }
.article-tag:hover { color: var(--bronze); border-color: var(--bronze); }
@media (max-width: 640px) { .news-filter { flex-direction: column; align-items: stretch; } }

/* ─── AKADEMIE: MITGLIEDERBEREICH (v1.8.0) ───────────────────────────────────── */
.aka-list { margin-top: 2.5rem; display: flex; flex-direction: column; gap: 2px; }
.aka-item { display: grid; grid-template-columns: 1fr auto; gap: .2rem 2rem; align-items: center; background: var(--white); border-left: 3px solid transparent; padding: 1.2rem 1.6rem; transition: border-color .2s, transform .2s; }
.aka-item:hover { border-left-color: var(--bronze); transform: translateX(3px); }
.aka-item-title { font-size: .95rem; font-weight: 500; color: var(--dark); }
.aka-item-sub { font-size: .78rem; color: var(--lt); grid-column: 1; }
.aka-item-action { grid-column: 2; grid-row: 1 / span 2; font-size: .8rem; font-weight: 500; color: var(--bronze2); white-space: nowrap; }
.aka-item:hover .aka-item-action { color: var(--bronze); }
.aka-video { aspect-ratio: 16/9; background: var(--dark2); display: flex; align-items: center; justify-content: center; margin: -2rem -1.8rem 0; }
.aka-video .aka-play { width: 58px; height: 58px; border-radius: 50%; border: 2px solid var(--bronze); color: var(--bronze); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; padding-left: 4px; transition: background .2s, color .2s; }
.service-card:hover .aka-play { background: var(--bronze); color: var(--dark); }
/* WP-Loginformular im CD */
#loginform p { margin-bottom: 1.2rem; display: flex; flex-direction: column; gap: .5rem; }
#loginform label { font-size: .78rem; font-weight: 500; color: #8F948F; letter-spacing: .05em; text-transform: uppercase; }
#loginform input[type="text"], #loginform input[type="password"] { background: #232A27; border: 1px solid #3D4541; color: #F7F4EE; font-family: 'Inter', sans-serif; font-size: .88rem; padding: .85rem 1rem; width: 100%; }
#loginform input:focus { border-color: var(--bronze); outline: none; }
#loginform .login-remember { flex-direction: row; align-items: center; font-size: .8rem; color: #A6ABA6; }
#loginform input[type="submit"] { background: var(--bronze); color: var(--dark); font-family: 'Inter', sans-serif; font-weight: 500; font-size: .88rem; border: none; padding: 1rem 2rem; width: 100%; cursor: pointer; }
#loginform input[type="submit"]:hover { background: var(--bronze3); }

/* ─── VORMERKUNGS-BADGE (v1.8.1) ─────────────────────────────────────────────── */
.pre-badge { display: inline-block; border: 1px solid var(--bronze); color: var(--bronze3); font-size: .72rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; padding: .35rem 1rem; margin-bottom: 1.2rem; }

/* ─── ARTIKEL-LESEHILFEN (v1.15) ─────────────────────────────────────────────── */
.kernpunkte { background: var(--light); border-left: 4px solid var(--bronze); padding: 1.4rem 1.6rem; margin: 0 0 2rem; }
.kernpunkte strong { display: block; font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: var(--bronze2); margin-bottom: .7rem; }
.kernpunkte ul { margin: 0; padding-left: 1.1rem; }
.kernpunkte li { margin: .35rem 0; line-height: 1.55; color: var(--dark); font-size: .95rem; }
.quellen { background: var(--light); border: 1px solid var(--border); padding: 1.4rem 1.6rem; margin: 2.5rem 0 0; font-size: .85rem; }
.quellen strong { display: block; font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: var(--bronze2); margin-bottom: .7rem; }
.quellen ol { margin: 0; padding-left: 1.2rem; }
.quellen li { margin: .35rem 0; line-height: 1.5; color: var(--mid); }
.quellen a { color: var(--bronze2); text-decoration: underline; text-underline-offset: 2px; }
.quellen a:hover { color: var(--bronze); }
.artikel-zitat { border-left: 4px solid var(--bronze); margin: 2rem 0; padding: .4rem 0 .4rem 1.4rem; font-size: 1.15rem; line-height: 1.6; color: var(--dark); font-weight: 500; }
.artikel-zitat cite { display: block; margin-top: .5rem; font-size: .8rem; color: var(--lt); font-style: normal; }
/* Video: DSGVO-freundliche Klick-Fassade, lädt YouTube (nocookie) erst nach Klick */
.video-facade { position: relative; margin: 2rem 0; aspect-ratio: 16/9; background: var(--dark2); cursor: pointer; overflow: hidden; }
.video-facade img { width: 100%; height: 100%; object-fit: cover; opacity: .6; }
.video-facade .vf-play { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .8rem; color: #F7F4EE; text-align: center; padding: 1rem; }
.video-facade .vf-btn { width: 64px; height: 64px; border-radius: 50%; background: var(--bronze); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--dark); }
.video-facade .vf-hint { font-size: .72rem; color: #8F948F; max-width: 420px; line-height: 1.5; }
.video-facade iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-figure { margin: 2rem 0; }
.video-figure video { width: 100%; display: block; border: 1px solid var(--border); }
.video-figure figcaption { font-size: .78rem; color: var(--lt); margin-top: .6rem; }

/* ─── REFERENZ-BLOCK SPEAKER (v1.16.0) ───────────────────────────────────────── */
.ref-case { display: grid; grid-template-columns: 1.05fr .95fr; gap: 3rem; margin-top: 2.5rem; align-items: start; }
.ref-logo { width: 150px; height: auto; margin-bottom: 1.6rem; }
.ref-title { font-size: 1.25rem; line-height: 1.45; color: var(--dark); font-weight: 500; margin-bottom: .9rem; }
.ref-meta { font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--bronze2); font-weight: 500; margin-bottom: 1.2rem; }
.ref-text { font-size: .95rem; line-height: 1.75; color: var(--mid); }
.ref-note { font-size: .72rem; color: var(--lt); margin-top: 1rem; }
.ref-case-photos { display: flex; flex-direction: column; gap: 1.2rem; }
.ref-photo { margin: 0; }
.ref-photo img { width: 100%; display: block; border: 1px solid var(--border); }
@media (max-width: 860px) { .ref-case { grid-template-columns: 1fr; gap: 2rem; } }

/* v1.21.2: Tabellen im Artikelfluss. Vier Spalten passen ohne waagerechtes
   Scrollen in die Lesespalte; Datum und Ort bleiben ohne Umbruch, der Rest
   darf umbrechen. Auf schmalen Schirmen scrollt der Wrapper. */
.article-body .en-table-wrap { margin: 2.2rem 0; }
.article-body .en-table { min-width: 0; font-size: .81rem; }
.article-body .en-table th, .article-body .en-table td { padding: .7rem .85rem; }
.article-body .en-table th:first-child, .article-body .en-table td:first-child { white-space: nowrap; font-weight: 500; width: 1%; }
.article-body .en-table td:nth-child(2) { white-space: normal; min-width: 160px; }
.article-body .en-table td:nth-child(3) { white-space: nowrap; width: 1%; }
.article-body .en-table a { color: var(--bronze2); text-decoration: none; border-bottom: 1px solid rgba(168,117,58,.35); }
.article-body .en-table a:hover { border-bottom-color: var(--bronze2); }
@media (max-width: 720px) {
  .article-body .en-table { min-width: 620px; }
}

/* ─── DRICHTER v0.1.2: Neongelb nie als Schriftfarbe ─── */
.kicker,.article-meta,.crumbs span,.news-date,.service-num,.format-num,.format-duration,.offer-label,.pre-badge,.about-badge,.stat-src{color:#5F6560}
#hero .kicker,.hero-eyebrow span,.subhero .kicker,.subhero .crumbs span,.process-overlay .kicker,.about-left .kicker,#about .kicker,#formats .kicker,#formats .format-num,#formats .format-duration,#testimonials .kicker,#contact .kicker,.en-dark .kicker,.en-dark2 .kicker,.cta-block .kicker,.article-head .article-meta,.article-head .crumbs span,#process .kicker,.pre-badge,.about-badge,.stat-src{color:#8F948F}
.hero-headline em,.subhero-headline em{font-style:normal;color:#232A27;background:#E2FF3F;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-stat-num,.fact-num,.testimonial-quote,.step-active .step-num,.step-circle,.contact-info a,.contact-info span,.intro-icon{color:#F7F4EE}
.step-circle{border-color:#F7F4EE}
#intro .intro-icon,.en-white .intro-icon,.en-light .intro-icon{color:#232A27}
.crumbs a:hover,.nav-links a:hover,.nav-links .current_page_item > a,.nav-links .current-menu-item > a,.mobile-menu ul li a:hover,.footer-links a:hover,.footer-ai a:hover,.btn-ghost:hover,.cookie-btn--secondary:hover{color:#F7F4EE}
.btn-ghost:hover,.cookie-btn--secondary:hover{border-color:#F7F4EE}
.en-link:hover,.article-body a:hover,.news-pagination a:hover,.article-nav a:hover,.news-filter-reset:hover,.quellen a:hover,.article-tag:hover,.industry-tag:hover,.aka-item:hover .aka-item-action,.news-card:hover .news-more{color:#232A27}
.en-link:hover,.article-tag:hover{border-color:#232A27;border-bottom-color:#232A27}
.en-dark .en-link:hover,.en-dark2 .en-link:hover{color:#F7F4EE;border-bottom-color:#F7F4EE}
.legal-section a,.cookie-banner__text a{color:#F7F4EE;text-decoration:underline;text-underline-offset:2px}
.legal-section a{color:#232A27}
.required{color:#8A8880}
.faq summary::after{color:#232A27} .en-dark .faq summary::after,.en-dark2 .faq summary::after{color:#F7F4EE}
.article-body blockquote,.artikel-zitat{border-left-color:#232A27}
.client-item--more{color:#8A8880;font-style:normal}
.nav-logo-mark .r,.footer-logo-mark .r{color:#F7F4EE}


/* ─── DRICHTER v0.1.4: Logo-Laufband Referenzen ─── */
.logo-band{position:relative;overflow:hidden;display:flex;width:100%;padding:1.6rem 0;border-top:1px solid #C9C4B6;border-bottom:1px solid #C9C4B6;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-track{display:flex;align-items:center;flex-shrink:0;gap:4.5rem;padding-right:4.5rem;animation:logo-run 55s linear infinite;will-change:transform}
.logo-band:hover .logo-track{animation-play-state:paused}
.logo-item{display:inline-flex;align-items:center;height:40px;white-space:nowrap;opacity:.72;transition:opacity .2s}
.logo-item:hover{opacity:1}
.logo-item img{height:32px;width:auto;max-width:180px;display:block}
.logo-item--word{font-family:'Inter',system-ui,sans-serif;font-weight:500;font-size:1.05rem;letter-spacing:.01em;color:#232A27}
.logo-item--more{font-weight:400;font-size:.9rem;color:#8A8880;opacity:1}
@keyframes logo-run{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.logo-track{animation:none;flex-wrap:wrap;justify-content:center;row-gap:1.2rem} .logo-track[aria-hidden="true"]{display:none} .logo-band{-webkit-mask-image:none;mask-image:none}}
@media (max-width:640px){.logo-track{gap:2.8rem;padding-right:2.8rem;animation-duration:40s} .logo-item img{height:26px} .logo-item--word{font-size:.95rem}}

/* ═══ DRICHTER v0.1.5: Startseite Seite fuer Seite ═══ */
/* Karten als Verweise, mit Hover */
.intro-card--link,.service-card--link{display:block;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s,border-color .25s}
.intro-card--link:hover,.service-card--link:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(35,42,39,.12)}
.service-card--link:hover{border-bottom-color:#E2FF3F}
.intro-card--link:hover{border-left-color:#E2FF3F}
.card-more{display:inline-block;margin-top:1.2rem;font-size:.82rem;font-weight:500;color:#232A27;border-bottom:1px solid #C9C4B6;transition:border-color .2s}
.intro-card--link:hover .card-more,.service-card--link:hover .card-more{border-bottom-color:#232A27}
.intro-icon{font-size:.78rem;font-weight:500;letter-spacing:.12em;color:#5F6560}
/* Ueber mich: Zahlenkasten mittig */
.about-facts{text-align:center}
.fact-row{flex-direction:column;align-items:center;gap:.35rem;padding:1.1rem 0}
.fact-num{min-width:0}
.fact-lbl{max-width:260px}
/* Zitat im Leistungen-Kopf */
.section-quote{margin:0;max-width:420px;padding-left:1.2rem;border-left:3px solid #E2FF3F;font-size:1.05rem;line-height:1.6;color:#232A27;font-weight:400}
@media (max-width:860px){.section-quote{max-width:100%}}
/* Branchenfilter */
.industry-tag{background:transparent;font-family:inherit;cursor:default}
.logo-band.is-filtered .logo-track{animation:none;flex-wrap:wrap;justify-content:center;padding-right:0;gap:2.5rem 4rem}
.logo-band.is-filtered .logo-track[aria-hidden="true"]{display:none}
.logo-band.is-filtered{-webkit-mask-image:none;mask-image:none;justify-content:center}
.logo-item[hidden]{display:none}
.logo-empty{text-align:center;font-size:.85rem;color:#5F6560;margin-top:1rem}
/* Zahlenband auf Sales Enablement */
.stat-band{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0 .5rem;padding:1.8rem 0;border-top:1px solid #C9C4B6;border-bottom:1px solid #C9C4B6}
.stat-band--dark{grid-template-columns:repeat(2,1fr);border-color:#3D4541;margin-bottom:1.5rem}
.stat-band-num{font-size:2.6rem;font-weight:500;line-height:1;color:#232A27;display:inline-block;border-bottom:4px solid #232A27;padding:0 0 .1em}
.stat-band--dark .stat-band-num{color:#F7F4EE;background:none;border-bottom:4px solid #E2FF3F;padding:0}
.stat-band-lbl{font-size:.88rem;color:#5F6560;line-height:1.5;margin-top:.6rem;max-width:260px}
.stat-band--dark .stat-band-lbl{color:#A6ABA6}
.stat-band-src{grid-column:1/-1;font-size:.72rem;color:#8F948F}
@media (max-width:760px){.stat-band,.stat-band--dark{grid-template-columns:1fr}}
.symptom-list--big li{font-size:1.05rem;font-weight:500;color:#232A27;padding:1rem 0 1rem 2rem}
.symptom-list--big li::before{width:1.1rem;height:3px;background:#232A27;top:1.75rem}
.mark-neon{background:linear-gradient(transparent 60%,#E2FF3F 60%);color:inherit;padding:0 .1em}
.section-headline--light .mark-neon{color:#F7F4EE;background:none;border-bottom:4px solid #E2FF3F}
.about-photo{aspect-ratio:1/1;object-position:50% 50%}
@media (max-width:640px){.about-photo{aspect-ratio:1/1}}

/* v0.1.20: Auf schmalen Bildschirmen bricht die gelb markierte Zeile um. Bei
   Zeilenhoehe 1.1 stossen die gelben Flaechen aneinander und schneiden die
   Unterlaengen ab. Mehr Zeilenhoehe loest beides. */
@media (max-width:900px){
  .hero-headline,.subhero-headline{line-height:1.3}
  .hero-headline em,.subhero-headline em{padding:.02em .12em}
}


/* v0.1.24: LinkedIn-Zeile im Fuss */
.footer-social{display:flex;align-items:center;gap:.7rem;font-size:.78rem;color:#6B716C;margin:0}
.footer-social-label{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#5F6560}
.footer-social a{color:#8F948F;transition:color .2s}
.footer-social a:hover{color:#F7F4EE}
@media (max-width:768px){.footer-social{justify-content:center}}