.elementor-5985 .elementor-element.elementor-element-6687800{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ============================================================
   Landingpage „Was KI Ihrem Betrieb wirklich bringt"
   Einbau: Elementor → Seiteneinstellungen → Benutzerdefiniertes CSS
   Alle Selektoren sind unter .kib-lp gescoped (Prefix „kib-").
   Pflegepunkte sind mit  PFLEGE:  markiert.
   ============================================================ */

/* ---- Schrift: Hanken Grotesk (Buch-Typografie) --------------
   PFLEGE: Die vier .woff2-Dateien in die Mediathek laden.
   Bei Standard-WordPress-Medienstruktur stimmen die Pfade
   automatisch (Upload im Juli 2026). Sonst URLs anpassen.     */
@font-face{font-family:'Hanken Grotesk';src:url('/wp-content/uploads/2026/07/hanken-grotesk-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Hanken Grotesk';src:url('/wp-content/uploads/2026/07/hanken-grotesk-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Hanken Grotesk';src:url('/wp-content/uploads/2026/07/hanken-grotesk-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Hanken Grotesk';src:url('/wp-content/uploads/2026/07/hanken-grotesk-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}

/* ---- Seitenweite Grundlagen (nur diese Seite) -------------- */
html{scroll-behavior:smooth;}
body{overflow-x:clip;}

/* ---- Token (Design-System des Buchs) ----------------------- */
.kib-lp{
  --kib-ink:#2C2C2A;        /* Text/Rahmen dunkel   */
  --kib-sub:#55534E;        /* Fließtext gedämpft   */
  --kib-mid:#8A8880;        /* Linien / Nebentext   */
  --kib-hair:#D9D7D0;       /* Hairlines            */
  --kib-paper:#F2F1ED;      /* helle Fläche         */
  --kib-card:#FDFCFA;       /* Kartenfond           */
  --kib-blue:#2B4C6F;       /* einzige Akzentfarbe  */
  --kib-blue-dark:#213C59;
  --kib-blue-soft:#B9C6D6;  /* helle Schrift auf Blau */

  font-family:'Hanken Grotesk',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color:var(--kib-ink);
  font-size:1.0625rem;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.kib-lp *,.kib-lp *::before,.kib-lp *::after{box-sizing:border-box;}
.kib-lp img{max-width:100%;height:auto;display:block;}
.kib-lp a{color:var(--kib-blue);text-decoration:none;}
.kib-lp a:hover{text-decoration:underline;text-underline-offset:3px;}
.kib-lp :is(a,button,summary):focus-visible{outline:3px solid var(--kib-blue);outline-offset:3px;border-radius:2px;}

/* ---- Layout-Gerüst ----------------------------------------- */
.kib-wrap{max-width:1120px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px);}
.kib-sec{padding-block:clamp(60px,9vw,116px);}
.kib-sec--tight{padding-block:clamp(44px,6vw,72px);}

/* Randlose Farbbänder trotz Widget-Container */
.kib-bleed{width:100vw;margin-left:calc(50% - 50vw);}
.kib-band-paper{background:var(--kib-paper);}
.kib-band-blue{background:var(--kib-blue);color:#fff;}

/* Anker unter Sticky-Header sauber anfahren */
.kib-lp [id]{scroll-margin-top:120px;}

/* ---- Typografie -------------------------------------------- */
.kib-eyebrow{
  display:flex;align-items:center;gap:14px;
  font-size:.78rem;font-weight:600;letter-spacing:.15em;
  text-transform:uppercase;color:var(--kib-mid);margin:0 0 18px;
}
.kib-eyebrow::before{content:'';width:34px;height:2px;background:var(--kib-blue);flex:none;}

.kib-lp h1{
  font-size:clamp(2.35rem,5.4vw,3.9rem);
  line-height:1.08;font-weight:600;letter-spacing:-.015em;
  margin:0 0 .5em;color:var(--kib-ink);
}
.kib-lp h2{
  font-size:clamp(1.65rem,3.1vw,2.35rem);
  line-height:1.18;font-weight:600;letter-spacing:-.01em;
  margin:0 0 .55em;color:var(--kib-ink);
}
.kib-lp h3{font-size:1.14rem;font-weight:600;line-height:1.35;margin:0 0 .35em;}
.kib-lp p{margin:0 0 1.1em;color:var(--kib-sub);}
.kib-lp p:last-child{margin-bottom:0;}
.kib-lead{font-size:clamp(1.1rem,1.7vw,1.28rem);line-height:1.6;color:var(--kib-sub);}
.kib-narrow{max-width:720px;}

/* ---- Buttons ------------------------------------------------ */
.kib-btn{
  display:inline-flex;align-items:center;gap:.6em;
  background:var(--kib-blue);color:#fff !important;
  font-weight:600;font-size:1.03rem;line-height:1;
  padding:1.02em 1.75em;border-radius:4px;border:1px solid var(--kib-blue);
  text-decoration:none !important;
  transition:background .2s ease,transform .2s ease;
}
.kib-btn:hover{background:var(--kib-blue-dark);transform:translateY(-1px);}
.kib-btn--ghost{
  background:transparent;color:var(--kib-ink) !important;
  border:1px solid var(--kib-hair);
}
.kib-btn--ghost:hover{background:transparent;border-color:var(--kib-blue);color:var(--kib-blue) !important;}
.kib-btn--invert{background:#fff;border-color:#fff;color:var(--kib-blue) !important;}
.kib-btn--invert:hover{background:var(--kib-paper);border-color:var(--kib-paper);}
.kib-cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px;}

/* ---- Hero ---------------------------------------------------- */
.kib-hero{padding-block:clamp(56px,8vw,104px);}
.kib-hero-grid{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.82fr);
  gap:clamp(40px,6vw,92px);align-items:center;
}
.kib-hero .kib-lead{max-width:34em;}
.kib-hero-claim{
  margin-top:1.15em;font-size:1.02rem;color:var(--kib-sub);
}
.kib-hero-meta{
  display:flex;flex-wrap:wrap;gap:.4em 1.5em;
  margin-top:26px;padding-top:22px;border-top:1px solid var(--kib-hair);
  font-size:.92rem;color:var(--kib-mid);
}
.kib-hero-meta strong{color:var(--kib-ink);font-weight:600;}
.kib-cover{position:relative;max-width:430px;margin-inline:auto;}
.kib-cover img{
  width:100%;border:1px solid var(--kib-hair);
  box-shadow:0 1px 0 var(--kib-hair);           /* Papierkante, kein Effekt */
}
.kib-cover-note{
  margin-top:14px;text-align:center;
  font-size:.85rem;color:var(--kib-mid);
}

/* ---- „Drei Sätze"-Sektion ----------------------------------- */
.kib-sagen{display:grid;gap:10px;margin:0 0 34px;padding:0;list-style:none;}
.kib-sagen li{
  font-size:clamp(1.25rem,2.6vw,1.85rem);
  font-weight:500;line-height:1.35;color:var(--kib-mid);
}
.kib-sagen li::before{content:'\201E';}
.kib-sagen li::after{content:'\201C';}

/* ---- Karten „Was Sie erfahren" ------------------------------- */
.kib-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;}
.kib-card{
  background:var(--kib-card);border:1px solid var(--kib-hair);
  padding:28px 26px 30px;display:flex;flex-direction:column;gap:10px;
  transition:border-color .2s ease,transform .2s ease;
}
.kib-card:hover{border-color:var(--kib-blue);transform:translateY(-3px);}
.kib-chip{
  font-size:.72rem;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:var(--kib-mid);
}
.kib-card p{font-size:.99rem;line-height:1.62;}

/* ---- Merksatz-Box (Leitmotiv aus dem Buch) ------------------- */
.kib-merksatz{
  background:#fff;border:1px solid var(--kib-hair);
  border-left:5px solid var(--kib-blue);
  padding:clamp(30px,4.5vw,48px) clamp(26px,5vw,56px);
}
.kib-merksatz-label{
  font-size:.76rem;font-weight:600;letter-spacing:.15em;
  text-transform:uppercase;color:var(--kib-mid);margin:0 0 14px;
}
.kib-merksatz-satz{
  font-size:clamp(1.55rem,3.4vw,2.35rem);
  font-weight:500;line-height:1.22;color:var(--kib-ink);margin:0;
}
.kib-merksatz + p{margin-top:26px;}

/* ---- Blick ins Buch ------------------------------------------ */
.kib-figs{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px;}
.kib-figs figure{margin:0;}
.kib-figs img{
  width:100%;background:#fff;border:1px solid var(--kib-hair);
  padding:clamp(14px,2vw,26px);
}
.kib-figs figcaption{
  margin-top:12px;font-size:.9rem;color:var(--kib-mid);line-height:1.5;
}

/* ---- Live-Liste-Sektion --------------------------------------- */
.kib-live-grid{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(36px,5vw,72px);align-items:center;
}
.kib-live-card{
  background:#fff;border:1px solid var(--kib-hair);
  padding:34px 32px;display:block;color:var(--kib-ink);
  transition:border-color .2s ease,transform .2s ease;
}
.kib-live-card:hover{border-color:var(--kib-blue);transform:translateY(-3px);text-decoration:none;}
.kib-live-card .kib-chip{display:block;margin-bottom:10px;}
.kib-live-url{font-size:1.18rem;font-weight:600;color:var(--kib-blue);word-break:break-word;}
.kib-live-topics{
  margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--kib-hair);
  font-size:.92rem;color:var(--kib-sub);line-height:1.6;
}

/* ---- Für wen / für wen nicht ---------------------------------- */
.kib-fit{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;}
.kib-fit-col{background:var(--kib-card);border:1px solid var(--kib-hair);padding:30px 28px;}
.kib-fit-col h3{margin-bottom:16px;}
.kib-fit-col ul{margin:0;padding:0;list-style:none;display:grid;gap:12px;}
.kib-fit-col li{
  position:relative;padding-left:30px;
  font-size:.99rem;line-height:1.55;color:var(--kib-sub);
}
.kib-fit-col li::before{position:absolute;left:0;top:0;font-weight:600;}
.kib-fit-yes li::before{content:'\2713';color:var(--kib-blue);}
.kib-fit-no  li::before{content:'\2715';color:var(--kib-mid);}

/* ---- Autor ----------------------------------------------------- */
.kib-autor{
  display:grid;grid-template-columns:220px minmax(0,1fr);
  gap:clamp(30px,4vw,56px);align-items:center;
}
.kib-autor img{width:100%;border:1px solid var(--kib-hair);}
.kib-autor-links{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 26px;font-weight:600;}

/* ---- Stimmen (Start: ausgeblendet) ----------------------------- */
.kib-stimmen[hidden]{display:none !important;}
.kib-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}
.kib-quotes blockquote{
  margin:0;background:var(--kib-card);border:1px solid var(--kib-hair);
  border-left:5px solid var(--kib-blue);padding:26px 24px;
  font-size:.99rem;line-height:1.6;color:var(--kib-sub);
}
.kib-quotes cite{display:block;margin-top:14px;font-style:normal;font-weight:600;color:var(--kib-ink);font-size:.92rem;}

/* ---- FAQ -------------------------------------------------------- */
.kib-faq{max-width:780px;margin-top:36px;border-top:1px solid var(--kib-hair);}
.kib-faq details{border-bottom:1px solid var(--kib-hair);}
.kib-faq summary{
  list-style:none;cursor:pointer;position:relative;
  padding:20px 44px 20px 0;font-weight:600;font-size:1.05rem;color:var(--kib-ink);
}
.kib-faq summary::-webkit-details-marker{display:none;}
.kib-faq summary::after{
  content:'+';position:absolute;right:4px;top:50%;
  transform:translateY(-50%);font-size:1.5rem;font-weight:400;
  color:var(--kib-mid);transition:transform .2s ease;
}
.kib-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg);color:var(--kib-blue);}
.kib-faq details p{padding:0 0 22px;max-width:660px;}

/* ---- Blaues Schlussband (spiegelt den Cover-Fuß) ---------------- */
.kib-final .kib-eyebrow{color:var(--kib-blue-soft);}
.kib-final .kib-eyebrow::before{background:var(--kib-blue-soft);}
.kib-final h2{color:#fff;}
.kib-final p{color:var(--kib-blue-soft);}
.kib-final-link{color:#fff !important;font-weight:600;text-decoration:underline;text-underline-offset:4px;}
.kib-final-meta{margin-top:26px;font-size:.9rem;color:var(--kib-blue-soft);}
.kib-final :is(a,button):focus-visible{outline-color:#fff;}

/* ---- Einblend-Animation (dezent, abschaltbar) -------------------- */
.kib-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease;}
.kib-reveal.is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .kib-reveal{opacity:1;transform:none;transition:none;}
  .kib-card,.kib-live-card,.kib-btn{transition:none;}
}

/* ---- Responsiv ---------------------------------------------------- */
@media (max-width:980px){
  .kib-hero-grid{grid-template-columns:1fr;gap:44px;}
  .kib-cover{max-width:340px;}
  .kib-grid{grid-template-columns:1fr 1fr;}
  .kib-live-grid{grid-template-columns:1fr;}
  .kib-quotes{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .kib-grid{grid-template-columns:1fr;}
  .kib-fit{grid-template-columns:1fr;}
  .kib-figs{grid-template-columns:1fr;}
  .kib-autor{grid-template-columns:1fr;}
  .kib-autor img{max-width:220px;}
  .kib-cta-row .kib-btn{width:100%;justify-content:center;}
}

/* -- Button-Haertung (nachgeruestet 12.07.) -------------------
   Ein globales Stylesheet (Theme/Kit) nullt die Schriftgroesse
   dieser Links; em-Padding kollabiert dadurch auf 3 px Hoehe.
   Feste px-Werte mit !important sind dagegen immun.          */
.kib-lp a.kib-btn{
  font-size:17px !important;
  line-height:1.25 !important;
  padding:15px 28px !important;
  color:#fff !important;
  background:var(--kib-blue) !important;
  border:1px solid var(--kib-blue) !important;
  visibility:visible !important;
  opacity:1 !important;
}
.kib-lp a.kib-btn:hover{background:var(--kib-blue-dark) !important;border-color:var(--kib-blue-dark) !important;}
.kib-lp a.kib-btn--ghost,
.kib-lp a.kib-btn--ghost:hover{background:transparent !important;}
.kib-lp a.kib-btn--ghost{color:var(--kib-ink) !important;border-color:var(--kib-hair) !important;}
.kib-lp a.kib-btn--ghost:hover{color:var(--kib-blue) !important;border-color:var(--kib-blue) !important;}
.kib-lp a.kib-btn--invert{background:#fff !important;color:var(--kib-blue) !important;border-color:#fff !important;}
.kib-lp a.kib-btn--invert:hover{background:var(--kib-paper) !important;border-color:var(--kib-paper) !important;}/* End custom CSS */