/* KI-Potenzialanalyse Landingpage – gestaltraeume.de/ki-potenzialanalyse/ */
/* Scoped under .kipa to avoid theme collisions */

#top .kipa { color: #3d3830; }
#top .kipa *, #top .kipa *::before, #top .kipa *::after { box-sizing: border-box; }

/* Hero */


/* Hero Split Layout */
#top .kipa-hero-split { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; padding: 3rem 0 2.5rem; align-items: start; }
@media (max-width: 900px) { #top .kipa-hero-split { grid-template-columns: 1fr; } }
#top .kipa-hero-left { padding-top: 0; }
#top .kipa-hero-right { min-height: 500px; background: #faf9f7; border: 1px solid #e8e5e0; border-radius: 6px; overflow: hidden; position: relative; }
#top .kipa-hero-right iframe { border: none !important; }
#top .kipa-cal-embed { width: 100%; height: 100%; min-height: 500px; }
@media (max-width: 900px) {
  #top .kipa-hero-right { min-height: 550px; }
  #top .kipa-cal-embed { min-height: 550px; }
}

/* CTA */
#top a.kipa-cta, #top a.kipa-cta:visited { display: inline-block; background: #82a846; color: #faf9f7 !important; padding: 0.85rem 2rem; font-size: 1rem; font-weight: 600; text-decoration: none !important; border-radius: 3px; transition: background 0.2s, transform 0.15s; }
#top a.kipa-cta:hover { background: #6a8e30; transform: translateY(-1px); color: #faf9f7 !important; }
#top a.kipa-cta-ghost, #top a.kipa-cta-ghost:visited { display: inline-block; color: #6b6560 !important; font-size: 0.9rem; text-decoration: none !important; border-bottom: 1px solid #ddd8d2; padding-bottom: 2px; transition: color 0.2s, border-color 0.2s; }
#top a.kipa-cta-ghost:hover { color: #6a9e1a !important; border-color: #6a9e1a; }

/* Divider */
#top .kipa hr.kipa-divider { border: none; border-top: 1px solid #ddd8d2; margin: 3rem 0; }

/* Problem */
#top .kipa-problem-text { font-size: 1.04rem; line-height: 1.8; color: #6b6560; margin-bottom: 1.8rem; }
#top .kipa-extremes { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem; }
@media (max-width: 600px) { #top .kipa-extremes { grid-template-columns: 1fr; } }
#top .kipa-extreme { background: #f5f3f0; padding: 1.2rem 1.4rem; border-radius: 5px; font-size: 0.96rem; line-height: 1.65; color: #6b6560; }
#top .kipa-punchline { font-size: 1.08rem; font-weight: 600; color: #2a2520; text-align: center; margin-top: 0.5rem; }

/* Kernfrage – full-width background via negative margin trick */
#top .kipa-kernfrage-wrap { background: #eef5dd; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); padding: 3.5rem 1.5rem; text-align: center; }
#top .kipa-kernfrage { max-width: 780px; margin: 0 auto; }
#top .kipa-kernfrage-small { font-size: 1rem; color: #6b6560; margin-bottom: 0.3rem; }
#top .kipa-kernfrage-big { font-size: clamp(1.25rem, 2.8vw, 1.6rem); font-weight: 700; color: #2a2520; margin-bottom: 1.2rem; }
#top .kipa-kernfrage-answer { font-size: clamp(1.25rem, 2.8vw, 1.6rem); font-weight: 700; color: #6a9e1a; }

/* Section headings */
#top .kipa h2.kipa-h2 { font-size: 1.45rem; font-weight: 700; color: #2a2520; margin: 0 0 1rem; line-height: 1.25; }
#top .kipa .kipa-body { font-size: 1.02rem; line-height: 1.8; color: #6b6560; }
#top .kipa .kipa-body em { font-style: normal; color: #3d3830; font-weight: 500; }

/* Checklist */
#top .kipa-checklist { list-style: none; padding: 0; margin: 0; }
#top .kipa-checklist li { padding: 0.6rem 0; font-size: 1.01rem; line-height: 1.6; color: #6b6560; display: flex; gap: 0.7rem; align-items: flex-start; }
#top .kipa-checklist li::before { content: ""; display: block; width: 18px; height: 18px; min-width: 18px; margin-top: 4px; border-radius: 50%; background: #eef5dd; }
#top .kipa-checklist li + li { border-top: 1px solid #f0eeeb; }

/* Kompetenz grid */
#top .kipa-kompetenz { display: grid; grid-template-columns: 1fr 1fr; gap: 0.7rem; }
@media (max-width: 600px) { #top .kipa-kompetenz { grid-template-columns: 1fr; } }
#top .kipa-kompetenz-item { font-size: 0.94rem; line-height: 1.6; color: #6b6560; padding: 0.85rem 1rem; background: #faf9f7; border: 1px solid #e8e5e0; border-radius: 4px; }

/* Tags */
#top .kipa-tags { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 0.5rem; }
#top .kipa-tag { font-size: 0.86rem; padding: 0.4rem 0.9rem; background: #f0eeeb; color: #6b6560; border-radius: 100px; white-space: nowrap; }

/* Fuer wen */
#top .kipa-fuerwen-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4.5rem; }
@media (max-width: 600px) { #top .kipa-fuerwen-grid { grid-template-columns: 1fr; gap: 1.5rem; } }
#top .kipa-fuerwen h3 { font-size: 1.12rem; font-weight: 600; margin: 0 0 0.7rem; line-height: 1.3; }
#top .kipa-fuerwen-ja h3 { color: #6a9e1a; }
#top .kipa-fuerwen-nein h3 { color: #9a9490; }
#top .kipa-fuerwen ul { list-style: none; padding: 0; margin: 0; }
#top .kipa-fuerwen li { font-size: 0.94rem; line-height: 1.65; color: #6b6560; padding: 0.4rem 0; }
#top .kipa-fuerwen li + li { border-top: 1px solid #f0eeeb; }

/* Preis – full-width */
#top .kipa-preis-wrap { background: #f5f3f0; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); padding: 3rem 1.5rem; text-align: center; }
#top .kipa-preis { max-width: 780px; margin: 0 auto; }
#top .kipa-preis-label { font-size: 1rem; color: #6b6560; margin-bottom: 0.2rem; }
#top .kipa-preis-amount { font-size: 1.9rem; font-weight: 700; color: #2a2520; margin-bottom: 0.3rem; }
#top .kipa-preis-note { font-size: 0.9rem; color: #9a9490; margin-bottom: 1.8rem; }

/* FAQ */
#top .kipa-faq-item { border-bottom: 1px solid #ddd8d2; }
#top .kipa-faq-item:first-child { border-top: 1px solid #ddd8d2; }
#top .kipa-faq-item summary { padding: 1rem 0; font-size: 1.01rem; font-weight: 600; color: #3d3830; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
#top .kipa-faq-item summary::-webkit-details-marker { display: none; }
#top .kipa-faq-item summary::after { content: "+"; font-size: 1.2rem; font-weight: 300; color: #9a9490; transition: transform 0.2s; }
#top .kipa-faq-item[open] summary::after { transform: rotate(45deg); }
#top .kipa-faq-answer { padding: 0 0 1.1rem; font-size: 0.97rem; line-height: 1.75; color: #6b6560; }

/* Form – full-width */
#top .kipa-form-wrap { background: #eef5dd; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); padding: 3.5rem 1.5rem; }
#top .kipa-form { max-width: 580px; margin: 0 auto; }
#top .kipa-form-header { text-align: center; margin-bottom: 1.8rem; }
#top .kipa-form-header h2 { font-size: 1.45rem; font-weight: 700; color: #2a2520; margin-bottom: 0.3rem; }
#top .kipa-form-header p { font-size: 0.9rem; color: #6b6560; }
#top .kipa-form .gform_wrapper input[type="text"],
#top .kipa-form .gform_wrapper input[type="email"],
#top .kipa-form .gform_wrapper input[type="tel"],
#top .kipa-form .gform_wrapper textarea { background: #faf9f7 !important; border: 1px solid #ddd8d2 !important; border-radius: 4px !important; }
#top .kipa-form .gform_wrapper input:focus,
#top .kipa-form .gform_wrapper textarea:focus { border-color: #6a9e1a !important; outline: none !important; box-shadow: 0 0 0 2px rgba(106,158,26,0.15) !important; }
#top .kipa-form .gform_wrapper .gform_button,
#top .kipa-form .gform_wrapper input[type="submit"] { background: #82a846 !important; color: #faf9f7 !important; border: none !important; padding: 0.85rem 2.5rem !important; font-weight: 600 !important; border-radius: 3px !important; cursor: pointer !important; }
#top .kipa-form .gform_wrapper .gform_button:hover,
#top .kipa-form .gform_wrapper input[type="submit"]:hover { background: #6a8e30 !important; }

/* Final CTA */
#top .kipa-final { padding: 3rem 0 3.5rem; text-align: center; }
#top .kipa-final p { font-size: 0.9rem; color: #9a9490; margin-top: 0.6rem; }

/* Two-column content layout (Angebot + Leistungen) */
#top .kipa-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem; align-items: start; }
@media (max-width: 768px) { #top .kipa-two-col { grid-template-columns: 1fr; gap: 2rem; } }
#top .kipa-two-col-left { }
#top .kipa-two-col-right { }