/* ==================================================================
   nehat-theme.css – Persönliche Designlinie für alle Unterseiten
   ------------------------------------------------------------------
   Wird NACH style.css geladen und legt die Gestaltung der Startseite
   (Spotlight / Astro Portfolio, ITAdler-Branding) über das bestehende
   Markup. Kein HTML, kein Inhalt und keine URL wird verändert.

   Zwei Hebel:
   1. Die --ci-* Design-Tokens von style.css werden neu gesetzt.
   2. Hartcodierte Regeln von style.css tragen den Präfix
      `.consileon-home`. Deshalb nutzt dieses Theme denselben Präfix –
      gleiche Spezifität, später geladen, gewinnt.
   ================================================================== */

:root{
  /* ITAdler-Tokens: Rot als Flächenakzent raus, ruhiges Navy/Blau rein.
     Rot bleibt ausschließlich im Wortzeichen "IT" der Marke. */
  --ci-accent:#2f6bd1;
  --ci-accent-soft:#eaf1fd;
  --ci-primary:#0b2340;
  --ci-primary-dark:#061b31;
  --ci-text:#15243a;
  --ci-muted:#6b7f98;
  --ci-line:#e4ebf2;
  --ci-surface:#ffffff;
  --ci-surface-soft:#f7f9fc;
  --ci-bg:#f7f9fc;
  --ci-shadow:0 1px 2px rgba(11,35,64,.04), 0 12px 32px -18px rgba(11,35,64,.22);
  --font-body:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-head:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  /* Basis-Tokens von style.css */
  --blue:#2f6bd1;
  --line:#e4ebf2;
  --soft:#f7f9fc;
  --shadow:0 1px 2px rgba(11,35,64,.04), 0 12px 32px -18px rgba(11,35,64,.22);
  --shadow2:0 1px 2px rgba(11,35,64,.04), 0 10px 26px -18px rgba(11,35,64,.18);

  --nt-ink:#15243a;
  --nt-text:#415a77;
  --nt-muted:#6b7f98;
  --nt-accent:#2f6bd1;
  --nt-accent-soft:#eaf1fd;
  --nt-navy:#0b2340;
  --nt-radius:12px;
}

/* style.css deklariert die --ci-* Tokens auf .consileon-home, nicht auf :root.
   Deshalb hier mit derselben Spezifität erneut setzen – später geladen gewinnt. */
.consileon-home{
  --ci-accent:#2f6bd1;
  --ci-accent-soft:#eaf1fd;
  --ci-primary:#0b2340;
  --ci-primary-dark:#061b31;
  --ci-text:#15243a;
  --ci-muted:#6b7f98;
  --ci-line:#e4ebf2;
  --ci-surface:#ffffff;
  --ci-surface-soft:#f7f9fc;
  --ci-bg:#f7f9fc;
  --ci-shadow:0 1px 2px rgba(11,35,64,.04), 0 12px 32px -18px rgba(11,35,64,.22);
  --font-body:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-head:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* ---------- Typografie ---------- */
.consileon-home{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:17px;line-height:1.65;color:var(--nt-text);
  -webkit-font-smoothing:antialiased;
}
.consileon-home .container{max-width:1080px}
.consileon-home p,.consileon-home li{color:var(--nt-text)}
.consileon-home strong,.consileon-home b{color:var(--nt-ink)}

.consileon-home .h1,.consileon-home h1{
  font-size:clamp(30px,3.6vw,42px)!important;
  line-height:1.12!important;font-weight:650!important;
  letter-spacing:-.02em!important;max-width:22ch!important;color:var(--nt-ink)!important;
}
.consileon-home h2,.consileon-home .h2{
  font-size:clamp(25px,2.8vw,32px)!important;
  line-height:1.18!important;font-weight:600!important;letter-spacing:-.02em!important;
  color:var(--nt-ink)!important;max-width:30ch!important;
}
.consileon-home .ci-contact-copy h2,.consileon-subpage .ci-story-feature h2,
.consileon-subpage .ci-editorial-feature h2,.consileon-subpage .ci-contact-band h2{max-width:30ch!important}
.consileon-home h3{font-size:18.5px;font-weight:650;color:var(--nt-ink)}
.consileon-home h4{font-weight:700;color:var(--nt-ink)}
.consileon-home .lead{font-size:18px!important;line-height:1.6!important;font-weight:400!important;color:var(--nt-text)!important;max-width:62ch}
.consileon-home .section-lead,.consileon-home .section-text{font-size:17px;color:var(--nt-text);font-weight:400}

/* ---------- Eyebrow / Kicker: ruhig statt roter Pille ---------- */
.consileon-home .eyebrow,.consileon-home .kicker,.consileon-home .ci-side-kicker{
  display:block!important;
  background:none!important;border:0!important;border-radius:0!important;
  padding:0!important;margin:0 0 12px!important;
  color:var(--nt-muted)!important;
  font-size:12.5px!important;font-weight:700!important;
  letter-spacing:.14em!important;text-transform:uppercase!important;
}

/* ---------- Buttons: flach, ohne Gradient und Sprung ---------- */
.consileon-home .btn{border-radius:9px!important;padding:11px 18px!important;font-size:15px!important;font-weight:600!important;transition:background .16s ease,border-color .16s ease,color .16s ease!important}
.consileon-home .btn-primary,.consileon-home .content a.btn-primary,
.consileon-home .hero-actions a.btn-primary,.consileon-home .contact-actions .btn-primary{
  background:var(--nt-navy)!important;background-image:none!important;
  color:#fff!important;border-color:var(--nt-navy)!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;
}
.consileon-home .btn-primary:hover{background:#0f2f55!important;border-color:#0f2f55!important;transform:none!important;filter:none!important}
.consileon-home .btn-secondary,.consileon-home .content a.btn-secondary,
.consileon-home .hero-actions a.btn-secondary,.consileon-home .contact-actions .btn-secondary,
.consileon-home .cyber-final-box .btn-secondary,.consileon-home .cyber-hero .btn-secondary,
.consileon-home .services-hero .btn-secondary{
  background:#fff!important;color:var(--nt-ink)!important;border-color:var(--ci-line)!important;
  box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;
}
.consileon-home .btn-secondary:hover{background:var(--ci-surface-soft)!important;border-color:#c2d3e6!important;transform:none!important}
.consileon-home :where(a,button):focus-visible{outline:2px solid var(--nt-accent);outline-offset:2px}

/* ---------- Flächen und Abstände ---------- */
.consileon-home .section{padding:66px 0!important}
.consileon-home .section-soft,.consileon-home .ci-section-soft{background:var(--ci-surface-soft)!important}
.consileon-home .section-head,.consileon-home .ci-section-head,.consileon-home .service-section-head{max-width:760px;margin-bottom:32px}

/* Dekorative Verläufe der alten Heroes entfernen */
.consileon-home .hero:before,.consileon-home .cyber-hero:before,
.consileon-home .services-hero:before,.consileon-home .ci-subpage-hero:before{display:none!important}

/* ---------- Heroes: hell und ruhig wie die Startseite ---------- */
.consileon-home .hero,.consileon-home .page-hero,.consileon-home .ci-subpage-hero,
.consileon-home .site-hero-simple,.consileon-home .cyber-hero,.consileon-home .services-hero{
  background:#fff!important;background-image:none!important;
  color:var(--nt-text)!important;padding:52px 0 44px!important;border-bottom:0!important;
}
.consileon-home .cyber-hero .h1,.consileon-home .services-hero .h1,
.consileon-home .cyber-hero h1,.consileon-home .services-hero h1{color:var(--nt-ink)!important}
.consileon-home .cyber-hero .lead,.consileon-home .services-hero .lead,
.consileon-home .cyber-hero p,.consileon-home .services-hero p{color:var(--nt-text)!important}
.consileon-home .cyber-hero .eyebrow,.consileon-home .services-hero .eyebrow{color:var(--nt-muted)!important}
.consileon-home .cyber-trust,.consileon-home .trust-row{color:var(--nt-muted)!important;font-size:15px}
.consileon-home .cyber-trust span,.consileon-home .trust-row span{color:var(--nt-muted)!important}
.consileon-home .dot{background:var(--nt-accent)!important;box-shadow:none!important}

/* Dekorative Hero-Grafik in eine helle Karte überführen.
   Achtung: .cyber-visual-flow und .cyber-visual-grid sind position:absolute und
   brauchen die Mindesthöhe des Elternelements – min-height darf nicht 0 werden. */
.consileon-home .cyber-visual{
  background:#fff!important;background-image:none!important;
  border:1px solid var(--ci-line)!important;border-radius:var(--nt-radius)!important;
  box-shadow:var(--ci-shadow)!important;min-height:360px!important;
  color:var(--nt-text)!important;backdrop-filter:none!important;
}
.consileon-home .cyber-visual *{color:var(--nt-text)!important;border-color:var(--ci-line)!important}
.consileon-home .cyber-visual strong,.consileon-home .cyber-visual h3,
.consileon-home .cyber-visual h4,.consileon-home .cyber-visual b{color:var(--nt-ink)!important}
.consileon-home .cyber-visual-card,.consileon-home .cyber-visual-flow,
.consileon-home .cyber-visual-grid>*{
  background:var(--ci-surface-soft)!important;background-image:none!important;
  border-color:var(--ci-line)!important;box-shadow:none!important;border-radius:9px!important;
}

/* ---------- Sprungnavigation ---------- */
.consileon-home .cyber-jump,.consileon-home .ci-jump{
  background:#fff!important;color:var(--nt-text)!important;
  border-bottom:1px solid var(--ci-line)!important;box-shadow:none!important;
}
.consileon-home .cyber-jump a,.consileon-home .ci-jump a{color:var(--nt-text)!important;font-weight:500}
.consileon-home .cyber-jump a:hover,.consileon-home .ci-jump a:hover{color:var(--nt-accent)!important}
.consileon-home .cyber-jump span,.consileon-home .ci-jump span{color:var(--nt-muted)!important}

/* ---------- Karten: einheitlich weiß mit feiner Linie ---------- */
.consileon-home .card,.consileon-home .step,.consileon-home .quote-box,.consileon-home .notice,
.consileon-home .form,.consileon-home .blog-item,.consileon-home .cyber-service-card,
.consileon-home .cyber-package,.consileon-home .cyber-problem-grid article,
.consileon-home .cyber-path-grid article,.consileon-home .cyber-package-grid article,
.consileon-home .cyber-process article,.consileon-home .cyber-benefits article,
.consileon-home .cyber-compact article,.consileon-home .ci-service-card,
.consileon-home .ci-service-row,.consileon-home .ci-package-card,.consileon-home .ci-partner-card,
.consileon-home .ci-insight-card,.consileon-home .ci-editorial-feature,
.consileon-home .ci-engagement-grid article,.consileon-home .ci-contact-band,
.consileon-home .ci-sector-grid article,.consileon-home .jobs-process-grid article,
.consileon-home .job-row,.consileon-home .ci-subpage-side{
  background:#fff!important;background-image:none!important;
  border:1px solid var(--ci-line)!important;border-radius:var(--nt-radius)!important;
  box-shadow:none!important;
}
.consileon-home .card:hover,.consileon-home .cyber-service-card:hover,
.consileon-home .ci-service-card:hover,.consileon-home .ci-service-row:hover,
.consileon-home .ci-package-card:hover,.consileon-home .blog-item:hover,
.consileon-home .job-row:hover{border-color:#cedcea!important;box-shadow:var(--ci-shadow)!important}
.consileon-home .quote-box{border-left:3px solid var(--nt-accent)!important;border-radius:0 var(--nt-radius) var(--nt-radius) 0!important}
.consileon-home .notice{background:var(--nt-accent-soft)!important;border-color:#d4e4fb!important;color:#34506f!important}

/* Nummern-Badges und Icons: Akzentblau statt Rot */
.consileon-home .icon{
  background:var(--nt-accent-soft)!important;background-image:none!important;
  color:var(--nt-accent)!important;box-shadow:none!important;border-radius:9px!important;
}
.consileon-home .step:before{background:var(--nt-navy)!important}
.consileon-home .cyber-service-top span,.consileon-home .ci-service-top span,
.consileon-home .cyber-problem-grid article>span,.consileon-home .cyber-path-grid article>span,
.consileon-home .jobs-process-grid article>span,.consileon-home .ci-engagement-grid article>span,
.consileon-home .ci-sector-grid article>span,.consileon-home .process article>span{
  background:var(--ci-surface-soft)!important;background-image:none!important;
  color:var(--nt-muted)!important;border:1px solid var(--ci-line)!important;
  box-shadow:none!important;font-weight:700!important;
}
.consileon-home .tag{background:var(--nt-accent-soft)!important;color:var(--nt-accent)!important;border-color:#d4e4fb!important}
.consileon-home .list li:before,.consileon-home .check li:before{color:var(--nt-accent)!important}

/* ---------- Dunkle Bänder abflachen ---------- */
.consileon-home .section-dark,.consileon-home .ci-section-dark{
  background:var(--nt-navy)!important;background-image:none!important;
}
.consileon-home .cyber-final-box{
  background:var(--nt-navy)!important;background-image:none!important;
  border-radius:var(--nt-radius)!important;box-shadow:none!important;padding:34px!important;
}
.consileon-home .cyber-final-box h2,.consileon-home .cyber-final-box h3,
.consileon-home .section-dark h2,.consileon-home .section-dark .h2{color:#fff!important}
.consileon-home .cyber-final-box p,.consileon-home .section-dark p,
.consileon-home .section-dark .section-text{color:#c6d5e6!important}

/* ---------- Kennzahlenleiste ---------- */
.consileon-home .ci-metric-strip{
  border:1px solid var(--ci-line)!important;border-radius:var(--nt-radius)!important;
  background:#fff!important;overflow:hidden;
}
.consileon-home .ci-metric-strip div{border-color:var(--ci-line)!important}
.consileon-home .ci-metric-strip strong{color:var(--nt-ink)!important;font-weight:650!important}
.consileon-home .ci-metric-strip span{color:var(--nt-muted)!important}

/* ---------- Formulare ---------- */
.consileon-home .form{padding:28px!important}
.consileon-home .field input,.consileon-home .field textarea,.consileon-home .field select{
  border-radius:8px!important;border-color:var(--ci-line)!important;font-size:15.5px!important;
}
.consileon-home .field input:focus,.consileon-home .field textarea:focus,.consileon-home .field select:focus{
  outline:2px solid rgba(47,107,209,.25)!important;border-color:#8fb6ee!important;
}
.consileon-home .field label{color:var(--nt-ink)!important}
.consileon-home .form-note,.consileon-home .optional{color:var(--nt-muted)!important}
.consileon-home .required-marker{color:#c81d26!important}

/* ---------- FAQ / Details ---------- */
.consileon-home .cyber-faq details,.consileon-home .ci-faq-grid details{
  background:#fff!important;border:1px solid var(--ci-line)!important;
  border-radius:var(--nt-radius)!important;box-shadow:none!important;
}
.consileon-home .cyber-faq summary,.consileon-home .ci-faq-grid summary{color:var(--nt-ink)!important;font-weight:650!important}

/* ---------- Artikel ---------- */
.consileon-home .content,.consileon-home .article-content{max-width:760px}
.consileon-home .content h2,.consileon-home .article-content h2{margin:40px 0 14px}
.consileon-home .content a:not(.btn),.consileon-home .article-content a:not(.btn){
  color:var(--nt-accent)!important;text-decoration:underline;text-underline-offset:3px;
}

/* Footer und Supportleiste stehen jetzt zentral in itadler-brand.css,
   damit sie auch auf /en/ und /hr-sr/ greifen. */

/* ---------- Support-Leiste und Schnellkontakt ---------- */
.consileon-home .mobile-callbar-call{background:var(--nt-navy)!important;color:#fff!important}
.consileon-home .mobile-callbar-contact{background:var(--nt-accent-soft)!important;color:var(--nt-accent)!important;border:1px solid #cbdcf6!important}

@media (max-width:720px){
  .consileon-home .section{padding:48px 0!important}
  .consileon-home .hero,.consileon-home .page-hero,.consileon-home .ci-subpage-hero,
  .consileon-home .site-hero-simple,.consileon-home .cyber-hero,.consileon-home .services-hero{padding:38px 0 32px!important}
  .consileon-home .form,.consileon-home .cyber-final-box{padding:20px!important}
  .consileon-home .h1,.consileon-home h1{max-width:none!important}
}
@media (prefers-reduced-motion:reduce){
  .consileon-home *{transition:none!important;animation:none!important}
}

/* ------------------------------------------------------------------
   Bestandsfehler aus style.css abfangen:
   Eine spätere Regel setzt .cyber-visual-card.main, .cyber-visual-flow und
   .cyber-visual-grid auf display:none!important und ersetzt sie durch
   .cyber-visual-caption. Vier der fünf Service-Seiten haben aber gar keine
   Caption – ihre Dekofläche ist leer. Auf dem früheren dunklen Hero fiel das
   nicht auf, auf hellem Grund schon. Leere Fläche daher ausblenden und den
   Hero einspaltig führen, statt Inhalt zu erfinden.
   ------------------------------------------------------------------ */
.consileon-home .cyber-visual:not(:has(.cyber-visual-caption)){display:none!important}
.consileon-home .cyber-hero-grid:not(:has(.cyber-visual-caption)){grid-template-columns:minmax(0,1fr)!important}
.consileon-home .cyber-visual-caption{
  background:var(--ci-surface-soft)!important;color:var(--nt-text)!important;
  border:1px solid var(--ci-line)!important;border-radius:var(--nt-radius)!important;max-width:none!important;
}
.consileon-home .cyber-visual-caption strong{color:var(--nt-ink)!important}

/* Restliche rote Textlinks aus style.css neutralisieren
   (.cyber-path-grid a, .service-code, .service-more, Hover-Zustände). */
.consileon-home .cyber-path-grid a,
.consileon-home .cyber-package a,
.consileon-home .service-code,
.consileon-home .content a:not(.btn),
.consileon-home .form-note a{
  color:var(--nt-accent)!important;font-weight:650!important;
  text-decoration-color:rgba(47,107,209,.4)!important;
}
.consileon-home .service-more:after{color:var(--nt-accent)!important}
.consileon-home .navlinks a:hover,
.consileon-home .cyber-problem-grid article:hover,
.consileon-home .cyber-package:hover,
.consileon-home .cyber-path-grid article:hover{
  transform:none!important;border-color:#cedcea!important;box-shadow:var(--ci-shadow)!important;
}
.consileon-home .cyber-jump a:hover,.consileon-home .cyber-jump a:focus{border-color:var(--nt-accent)!important}

/* Neue Elemente der Arbeitsfelder-Seite */
.consileon-home .na-tech-line{
  margin:10px 0 0!important;font-size:13px!important;color:var(--nt-muted)!important;
  letter-spacing:.02em;font-weight:500!important;
}
.consileon-home .na-link-list{
  list-style:none;margin:0;padding:0;display:grid;gap:10px;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
}
.consileon-home .na-link-list li{
  padding:14px 16px;background:#fff;border:1px solid var(--ci-line);
  border-radius:var(--nt-radius);color:var(--nt-text);font-size:15.5px;
}
.consileon-home .na-link-list a{color:var(--nt-ink)!important;font-weight:650;text-decoration:none}
.consileon-home .na-link-list li:hover{border-color:#cedcea}
.consileon-home .na-link-list a:hover{color:var(--nt-accent)!important}
.consileon-home .na-muted-note{margin:18px 0 0;font-size:14.5px;color:var(--nt-muted)}
.consileon-home .na-muted-note a{color:var(--nt-accent)!important;text-decoration:underline;text-underline-offset:3px}

/* Der Abschnittskopf ist auf 760px begrenzt (Zeilenlänge). Traegt das Element
   zusaetzlich selbst die Klasse .container, zentriert dessen margin:0 auto den
   gekappten Block - die Ueberschrift sass dann 136px weiter rechts als die
   Karten darunter (/ueber-itadler/, /wissen/). Links ausrichten. */
.consileon-home .container.ci-section-head,
.consileon-home .container.section-head,
.consileon-home .container.service-section-head{max-width:1080px!important}