/* Creator-Kompass V8 – gemeinsame ruhige Palette für Hauptseiten */
@media all{
  /* ===== V8: ruhige Palette, eckige Formen, bündiges Raster ===== */
  :root{ --green:#1A6B3A; --green-dark:#0B3D24; --green-light:#E9EFE3; --gray-100:#F3F6EF; --gray-600:#555A50; --radius-s:4px; --radius-m:4px; --radius-l:4px; --lime:#C8F23D; }
  .eyebrow{ font-family:'Space Mono',monospace; font-size:.74rem; letter-spacing:.14em; color:var(--green-dark); }
  .eyebrow::before{ width:8px; height:8px; background:var(--green); animation:none !important; box-shadow:none !important; }
  h1.hero-title .accent, h1 em, h2 em{ color:var(--green); }
  .lz-hero-glow{ display:none; }
  .lz-shield.in, .lz-gear.in, .lz-arrow, .faq-q .plus{ animation:none !important; }
  .btn, .btn-outline, .btn-sm{ border-radius:4px; }
  .btn:hover{ box-shadow:none; }
  .btn-accent, .btn.btn-accent{ background:var(--lime); color:var(--black); }
  .btn-accent:hover{ background:var(--black); color:var(--lime); }
  .btn-outline{ border:1.5px solid var(--black); color:var(--black); }
  .btn-outline:hover{ background:var(--black); color:var(--white); border-color:var(--black); }
  /* Abschnittsköpfe: Titel und Text sauber in einer Reihe, kleinere Abstände */
  .section-head{ margin-bottom:2.4rem; align-items:flex-start; }
  .section-head p{ padding-top:.4rem; }
  section{ scroll-margin-top:80px; }
  /* Leistungsblöcke: bündig mit der Überschrift, ohne Einzug */
  .service-block{ padding:2rem 0; gap:0; display:block; }
  .service-block-num{ display:none; }
  .service-block-body{ max-width:none; }
  .service-block-body h3{ font-size:1.5rem; }
  .service-block-body p{ max-width:68ch; }
  .service-sub{ background:#fff; border:1px solid var(--line); border-left:3px solid var(--green); border-radius:4px; padding:1.1rem 1.2rem; }
  .service-sub span{ color:var(--gray-600); }
  .service-group-label{ font-family:'Space Mono',monospace; letter-spacing:.14em; color:var(--green-dark); margin-top:2.4rem; }
  .service-block-cta .btn{ background:var(--black); color:#fff; border-color:var(--black); }
  .service-block-cta .btn:hover{ background:var(--lime); color:var(--black); border-color:var(--lime); }
  .service-block .btn-outline{ background:transparent; color:var(--black); border-color:var(--black); }
  .service-block .btn-outline:hover{ background:var(--black); color:#fff; }
  /* Chips (Bausteine) */
  .service-block [class*="chip"], .service-block [class*="pill"], .service-block [class*="tag"]{ border-radius:4px; }
  .service-block span[style*="border-radius"]{ border-radius:4px !important; }
  /* Orientierung */
  .wc-problem-item{ border-radius:4px; border:1px solid var(--line); border-left:3px solid var(--green); }
  .wc-problem-item svg{ color:var(--green); }
  .wc-problem-grid{ max-width:none; }
  /* Icons/Zahlen */
  .warum-icon, .lz-shield, .lz-gear{ color:var(--green); }
  .faq-q .plus{ color:var(--green); }
  .faq-item{ border-color:var(--line); }
  .price-badge{ background:var(--green-dark); color:var(--lime); }
  /* Kontakt */
  .contact-form{ border-radius:4px; background:rgba(255,255,255,.05); }
  .contact-line .ic, .form-success .ic{ color:var(--lime); }
  .form-row input:focus, .form-row textarea:focus, .form-row select:focus{ border-color:var(--lime); }
  footer, .footer{ border-top:4px solid var(--lime); }
  .service-steps span{ border-radius:4px; background:#fff; color:var(--black); border-color:var(--line); }
  /* Abschnitte: gleichmäßige Abstände */
  #einleitung, #hauptleistungen, #orientierung, #wie-ich-arbeite, #branchenuebersicht, #warum, #referenzen-teaser, #portfolio, #warum-cc, #pakete, #zahlungsweise, #relaunch, #digitale-loesungen, #bewerber-loesung, #digitale-werkzeuge, #kombinationen, #support-30tage, #wc-analyse, #wc-ablauf, #wc-vertrauen, #wc-faq{ padding-top:clamp(3.5rem,6vw,5.5rem); padding-bottom:clamp(3.5rem,6vw,5.5rem); }
  #einleitung{ padding-bottom:1rem; }
  #hero{ padding-bottom:clamp(2.5rem,5vw,4rem); }
  .lz-shield, .lz-gear{ width:26px !important; height:26px !important; margin-bottom:.6rem !important; }
  .section-head.center{ text-align:left; margin-left:0; max-width:none; }
  .section-head.center h2, .section-head.center p{ margin-left:0; margin-right:0; }
  .branch-card, .warum-card, .price-card, .project-card, .portfolio-card, .card{ border-radius:4px; }
  .branch-card:hover, .warum-card:hover{ transform:none; box-shadow:none; border-color:var(--black); }
  .warum-icon{ border-radius:4px; background:var(--green-dark); color:var(--lime); }
  .price-card.featured{ background:var(--green-dark); border-color:var(--green-dark); }
  img{ border-radius:inherit; }
  section > .container[style*="max-width"]{ max-width:var(--container,1200px) !important; }
  section [style*="margin:0 auto"][style*="max-width"]{ margin-left:0 !important; }
  .wc-problem-grid{ margin-left:0; }
  section .section-head[style], section .section-head [style*="text-align:center"]{ text-align:left !important; }
  #relaunch .section-head, #relaunch .section-head > *{ align-items:flex-start; justify-content:flex-start; text-align:left; margin-left:0; }
  #relaunch .eyebrow{ justify-content:flex-start; }
  /* Bereichskarten + Sprungleiste */
  .ck-areas{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
  .ck-area{ display:flex; flex-direction:column; gap:.6rem; background:#fff; border:1px solid var(--line); border-top:3px solid var(--green); border-radius:4px; padding:1.6rem 1.5rem; color:var(--black); text-decoration:none; transition:border-color .2s, background .2s; }
  .ck-area:hover{ border-color:var(--black); border-top-color:var(--lime); background:var(--gray-100); }
  .ck-area-kicker{ font-family:'Space Mono',monospace; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--green-dark); }
  .ck-area h3{ font-size:1.25rem; margin:0; }
  .ck-area p{ color:var(--gray-600); font-size:.95rem; line-height:1.55; margin:0; flex:1; }
  .ck-area-meta{ font-size:.82rem; font-weight:600; color:var(--black); }
  .ck-area-go{ font-weight:600; font-size:.92rem; color:var(--green); }
  #weitere-leistungen, #weitere-bereiche{ background:var(--gray-100); }
  #weitere-bereiche{ background:#fff; }
  .ck-jump{ border-bottom:1px solid var(--line); background:#fff; position:sticky; top:61px; z-index:900; }
  .ck-jump .container{ display:flex; gap:.4rem 1.4rem; overflow-x:auto; padding-top:.8rem; padding-bottom:.8rem; scrollbar-width:none; }
  .ck-jump a{ white-space:nowrap; font-size:.86rem; font-weight:500; color:var(--gray-600); padding:.2rem 0; border-bottom:2px solid transparent; }
  .ck-jump a:hover{ color:var(--black); border-bottom-color:var(--lime); }
  @media(max-width:900px){ .ck-areas{ grid-template-columns:1fr; } }
  #weitere-leistungen, #weitere-bereiche{ padding-top:clamp(3.5rem,6vw,5.5rem); padding-bottom:clamp(3.5rem,6vw,5.5rem); }
  .ck-fold summary{ cursor:pointer; list-style:none; display:inline-flex; align-items:center; gap:.6rem; font-weight:600; font-size:.95rem; padding:.8rem 1.2rem; border:1.5px solid var(--black); border-radius:4px; background:#fff; }
  .ck-fold summary::-webkit-details-marker{ display:none; }
  .ck-fold summary::after{ content:"+"; font-size:1.2rem; line-height:1; color:var(--green); }
  .ck-fold[open] summary::after{ content:"–"; }
  .ck-fold summary:hover{ background:var(--black); color:#fff; }
  .ck-fold[open] summary{ margin-bottom:1.4rem; }
  @media(max-width:600px){
    .ck-jump .container{ gap:.2rem 1.1rem; }
    #hero{ padding-top:2.2rem; }
  }
}