/*
Theme Name: KH Informatik
Theme URI: https://khi.nrw/
Author: KH Informatik
Author URI: https://khi.nrw/
Description: Schlankes responsives Gutenberg-Block-Theme für KH Informatik. Anthrazit, Weiß und Bordeaux. Bestehende WordPress-Seiten bleiben bei der Aktivierung erhalten.
Version: 0.8.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: khi-informatik
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* KH Informatik – Version 0.8 · Gutenberg Block Theme */
:root {
  --khi-ink: #292D32;
  --khi-night: #25292E;
  --khi-wine: #821F35;
  --khi-wine-deep: #681829;
  --khi-cream: #F7F7F6;
  --khi-line: #E3E4E7;
  --khi-copy: #3E4650;
  --khi-muted: #58616B;
  --khi-white: #FFFFFF;
}
*, *::before, *::after { box-sizing: border-box; }
html {scroll-behavior: smooth;}
body { margin:0; background:#fff; color:var(--khi-ink); -webkit-font-smoothing:antialiased; }
body, button, input, textarea { font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; }
a {transition: color .15s,background-color .15s,box-shadow .15s;}
a:focus-visible,button:focus-visible {outline:3px solid #B24D68;outline-offset:3px;}
.wp-site-blocks {overflow-x:clip;}
.wp-site-blocks > main {min-height:45vh;}
.wp-block-post-content { overflow-wrap:break-word; }
.wp-block-post-content :is(h1,h2,h3,h4,h5,h6) { overflow-wrap:normal;word-break:normal;hyphens:manual; }
.wp-block-post-content > :first-child {margin-block-start:0;}
.wp-block-image img {max-width:100%;height:auto;}
/* Header / footer are template parts – not page content. */
body .khi-site-header {position:relative;z-index:30;background:#fff!important;border-bottom:1px solid var(--khi-line);box-shadow:0 3px 18px rgba(25,25,28,.04);}
body .khi-header-inner {display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:92px;padding:12px 0;width:min(100% - 48px,1140px);margin-inline:auto!important;max-width:none!important;}
body .khi-brand {display:flex;flex-shrink:0;gap:.15rem!important;align-items:flex-start;}
body .khi-brand .wp-block-site-title {margin:0;font-size:1.38rem;font-weight:800;letter-spacing:-.045em;line-height:1.1;}
body .khi-brand .wp-block-site-title a {color:var(--khi-ink)!important;text-decoration:none!important;display:flex;align-items:center;gap:.7rem;}
body .khi-brand .wp-block-site-title a::before {content:'';display:inline-block;flex:none;width:44px;height:44px;background:url('assets/img/khi-mark.svg') center/contain no-repeat;}
body .khi-brand-subtitle {margin:0;padding-left:55px;color:#616B76!important;font-size:.65rem;letter-spacing:.09em;font-weight:650;white-space:nowrap;}
body .khi-header-nav {margin-left:auto;}
body .khi-header-nav .wp-block-navigation-item__content {color:#323943!important;font-size:.91rem;font-weight:550;text-decoration:none;}
body .khi-header-nav .wp-block-navigation-item__content:hover {color:var(--khi-wine)!important;}
body .khi-header-cta .wp-block-button__link {background:var(--khi-wine)!important;color:#fff!important;text-decoration:none!important;white-space:nowrap;padding:.75rem 1.1rem;border-radius:7px;}
body .khi-site-header .wp-block-navigation__responsive-container.is-menu-open {background:white;color:var(--khi-ink);padding:1.3rem;}
body .khi-site-footer {background:var(--khi-night)!important;color:#fff!important;margin-block-start:0!important;}
body .khi-footer-wrap {width:min(100% - 48px,1140px);max-width:none!important;margin-inline:auto!important;padding:3rem 0 1.75rem;}
body .khi-site-footer :is(h2,h3,h4,.wp-block-site-title) {color:#fff!important;font-size:1.12rem;font-weight:750;}
body .khi-site-footer .wp-block-site-title a {color:white!important;text-decoration:none!important;font-size:1.28rem;font-weight:800;}
body .khi-site-footer p {color:#E4E6E8!important;font-size:.95rem;line-height:1.7;font-weight:400!important;}
body .khi-site-footer a {color:white!important;text-decoration:underline;text-decoration-color:#B9A1A6;text-underline-offset:4px;}
body .khi-footer-tagline {max-width:35ch;}
body .khi-footer-bottom {border-top:1px solid #45494F;margin-top:1.5rem!important;padding-top:1rem;}
body .khi-footer-bottom p {font-size:.84rem!important;}
/* Unified typography: avoid old Elementor/WordPress font & color settings leaking in. */
body :is(.khi-hero,.khi-section,.khi-values,.khi-cta,.khi-site-header,.khi-site-footer),
body :is(.khi-hero,.khi-section,.khi-values,.khi-cta,.khi-site-header,.khi-site-footer) :is(h1,h2,h3,h4,h5,h6,p,li,a,span,button) {
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;
}
body :is(.khi-hero,.khi-section,.khi-values,.khi-cta,.khi-site-footer) :is(p,li) {
  font-weight:400!important;
}
body :is(.khi-hero,.khi-section,.khi-values,.khi-cta) :is(h1,h2,h3,h4) {
  font-weight:760!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:manual;
}
/* Use same content alignment in every full-width Gutenberg section. */
body :is(.khi-hero,.khi-section,.khi-values,.khi-cta) { 
  padding-inline:max(24px,calc((100% - 1140px) / 2))!important;
}
body :is(.khi-hero,.khi-section,.khi-values,.khi-cta) > * {
  max-width:1140px!important;
  margin-inline:auto!important;
}
body :is(.khi-hero,.khi-section,.khi-values,.khi-cta) > .wp-block-columns {
  width:100%!important;max-width:1140px!important;
}
/* Hero */
body .khi-hero {position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#22252A,#30343B)!important;color:#fff!important;padding-block:clamp(2.75rem,3.4vw,3.5rem)!important;}
body .khi-hero::before {content:'';position:absolute;pointer-events:none;z-index:-1;width:640px;height:500px;right:-190px;top:-190px;background:radial-gradient(ellipse,rgba(130,31,53,.19),transparent 70%);}
body .khi-hero .khi-hero-columns {display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(2rem,4vw,4rem)!important;align-items:center!important;margin-block:0!important;}
body .khi-hero .khi-hero-columns > .wp-block-column {min-width:0;flex:none!important;}
body .khi-hero .khi-eyebrow {margin:0 0 .85rem!important;color:#F0B6C3!important;font-size:.75rem!important;font-weight:800!important;letter-spacing:.13em;line-height:1.5;}
body .khi-hero h1 {color:#fff!important;font-size:clamp(2.65rem,4.15vw,3.95rem)!important;line-height:1.1!important;letter-spacing:-.045em!important;margin:0 0 1rem!important;max-width:none!important;text-wrap:balance;}
body .khi-hero h1 .khi-accent {color:#E5A3B1!important;}
body .khi-hero .khi-hero-lead {color:#E6E8EB!important;font-size:clamp(1.04rem,1.4vw,1.14rem)!important;line-height:1.7!important;max-width:56ch;margin:0 0 1rem!important;}
body .khi-hero .wp-block-buttons {display:flex;gap:.8rem!important;flex-wrap:wrap;margin-top:.3rem;}
body .khi-hero .wp-block-button__link {background:var(--khi-wine)!important;color:white!important;padding:.9rem 1.2rem!important;border-radius:8px!important;text-decoration:none!important;font-weight:700!important;font-size:.94rem!important;}
body .khi-hero .khi-btn-outline .wp-block-button__link {background:transparent!important;border:1px solid rgba(255,255,255,.9)!important;color:#fff!important;}
body .khi-hero-visual {padding:clamp(1.6rem,2.2vw,2.4rem)!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.23)!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(0,0,0,.13);}
body .khi-hero-visual h3 {color:#fff!important;font-size:clamp(1.35rem,2vw,1.7rem)!important;line-height:1.25!important;margin:0 0 .7rem!important;}
body .khi-hero-visual .khi-hero-step {color:#fff!important;font-weight:650!important;font-size:.92rem!important;line-height:1.45!important;border-left:3px solid #C65D72;background:rgba(255,255,255,.095)!important;padding:.75rem 1rem!important;margin:.45rem 0!important;border-radius:6px;}
body .khi-hero-visual .khi-hero-visual-foot {color:#DCE0E4!important;font-size:.83rem!important;line-height:1.55;margin:.8rem 0 0!important;}
/* White sections and audience/services/project cards. */
body .khi-section {background:#fff!important;color:var(--khi-ink)!important;padding-block:clamp(2.75rem,3.4vw,3.5rem)!important;}
body .khi-section-alt {background:#F7F7F6!important;}
body .khi-section :is(h2,h3,h4) {color:#292D32!important;line-height:1.2!important;letter-spacing:-.025em;}
body .khi-section .khi-section-title {font-size:clamp(2rem,3vw,2.8rem)!important;margin:.15rem 0 .7rem!important;text-wrap:balance;}
body .khi-section .khi-kicker {color:var(--khi-wine)!important;font-size:.75rem!important;font-weight:800!important;letter-spacing:.12em;margin:0 0 .55rem!important;}
body .khi-section :is(p,li) {color:var(--khi-copy)!important;font-size:1rem!important;line-height:1.7!important;}
body .khi-section .khi-section-intro {color:#505964!important;font-size:1.04rem!important;max-width:75ch!important;margin:0 0 1rem!important;}
body .khi-section :is(a,a:visited) {color:var(--khi-wine)!important;font-weight:650;}
body .khi-section a:hover {color:var(--khi-wine-deep)!important;}
body .khi-section > .wp-block-columns {margin-top:1rem!important;margin-bottom:0!important;}
body .khi-section > .wp-block-columns + .wp-block-columns {margin-top:1.05rem!important;}
body :is(.khi-audiences,.khi-services-grid,.khi-project-grid) {display:grid!important;align-items:stretch;gap:1.3rem!important;}
body .khi-audiences {grid-template-columns:repeat(2,minmax(0,1fr));}
body :is(.khi-services-grid,.khi-project-grid) {grid-template-columns:repeat(3,minmax(0,1fr));}
body :is(.khi-audiences,.khi-services-grid,.khi-project-grid) > .wp-block-column {
  flex:none!important;min-width:0!important;width:auto!important;
  background:#FFFFFF!important;
  border:1px solid #DDE0E4!important;
  border-radius:14px!important;
  padding:1.65rem!important;
  box-shadow:0 9px 25px rgba(30,34,40,.065)!important;
}
body .khi-audiences > .wp-block-column {border-top:4px solid var(--khi-wine)!important;}
body .khi-services-grid > .wp-block-column {background:#FAFAFA!important;border-top:3px solid #8E3348!important;}
body :is(.khi-audiences,.khi-services-grid,.khi-project-grid) h3 {color:var(--khi-ink)!important;font-size:1.18rem!important;line-height:1.32!important;margin:.15rem 0 .45rem!important;letter-spacing:-.016em;}
body :is(.khi-audiences,.khi-services-grid,.khi-project-grid) p {font-size:.96rem!important;color:#424B54!important;line-height:1.6!important;margin:.25rem 0 0!important;}
body .khi-services-grid .khi-service-number {display:inline-flex!important;justify-content:center;align-items:center;width:2.55rem;height:2.55rem;margin:0 0 .6rem!important;border-radius:9px;background:#F1E6E9!important;color:var(--khi-wine)!important;font-weight:800!important;line-height:1!important;font-size:.95rem!important;}
/* Value strip */
body .khi-values {background:#25292E!important;color:white!important;padding-block:clamp(2.75rem,3.4vw,3.5rem)!important;}
body .khi-values .khi-kicker {color:#E7B5C1!important;font-size:.74rem!important;font-weight:800!important;letter-spacing:.12em;margin:0 0 .55rem!important;}
body .khi-values .khi-section-title {color:#fff!important;font-size:clamp(1.9rem,2.8vw,2.5rem)!important;margin:0 0 .85rem!important;}
body .khi-values :is(h2,h3,h4) {color:white!important;}
body .khi-values p {color:#E3E6E9!important;line-height:1.7!important;font-size:.96rem!important;}
body .khi-values .khi-values-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem!important;margin-top:.9rem!important;margin-bottom:0!important;}
body .khi-values-grid > .wp-block-column {flex:none!important;min-width:0;width:auto!important;border-left:2px solid #C26B7C;padding-left:1.1rem;}
body .khi-values-grid h3 {font-size:1.13rem!important;margin:0 0 .4rem!important;}
/* About */
body .khi-about > .wp-block-columns {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.8rem,4vw,4rem)!important;align-items:start;}
body .khi-about > .wp-block-columns > .wp-block-column {flex:none!important;min-width:0;width:auto!important;}
body .khi-about > .wp-block-columns > .wp-block-column:first-child {padding-left:1.5rem;border-left:4px solid var(--khi-wine);}
body .khi-section.khi-about a.wp-block-button__link, body .khi-section a.wp-block-button__link {color:#fff!important;background:var(--khi-wine)!important;border-radius:7px!important;text-decoration:none!important;padding:.85rem 1.15rem!important;font-weight:700!important;}
/* Final CTA */
body .khi-cta {background:var(--khi-wine)!important;color:#fff!important;padding-block:3rem!important;}
body .khi-cta h2 {color:#fff!important;font-size:clamp(2rem,3vw,2.7rem)!important;line-height:1.2!important;margin:0 0 .7rem!important;}
body .khi-cta p {color:#F7E8EC!important;font-size:1.04rem!important;line-height:1.7!important;max-width:780px!important;margin:0 0 1.25rem!important;}
body .khi-cta .wp-block-buttons {margin:0;}
body .khi-cta .wp-block-button__link {background:#fff!important;color:var(--khi-wine)!important;border-radius:8px!important;padding:.85rem 1.1rem!important;font-weight:700!important;text-decoration:none!important;}
/* Landing page rhythm: mirror the compact Gutenberg editing canvas.
   Block flow margins must not stack with explicit block spacing. */
body .khi-hero .khi-hero-columns > .wp-block-column > * + * {margin-block-start:0!important;}
body .khi-hero-visual > * + * {margin-block-start:0!important;}
body :is(.khi-section,.khi-values,.khi-cta) > * + * {margin-block-start:0!important;}
body .khi-section > .wp-block-columns {margin-block-start:1rem!important;}
body .khi-section > .wp-block-columns + .wp-block-columns {margin-block-start:1.05rem!important;}
body .khi-values .khi-values-grid {margin-block-start:.9rem!important;}
body :is(.khi-audiences,.khi-services-grid,.khi-project-grid) > .wp-block-column > * + * {margin-block-start:.4rem!important;}
body .khi-values-grid > .wp-block-column > * + *,
body .khi-about .wp-block-column > * + * {margin-block-start:.55rem!important;}
/* Standard pages & legacy compatibility */
.khi-page-shell {padding-top:3.1rem;padding-bottom:4.7rem;}
.khi-page-shell .wp-block-post-title {font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.035em;border-bottom:1px solid var(--khi-line);padding-bottom:.75rem;}
.wp-block-post-content img {max-width:100%;height:auto;}
.wp-block-post-content table {width:100%;max-width:100%;border-collapse:collapse;}
.wp-block-post-content :is(td,th) {padding:.65rem;border:1px solid #DFE1E3;}
.khi-simple-404 {text-align:center;padding-block:8rem;}
@media(max-width:1020px) {
  body .khi-header-inner {gap:1rem;}
  body .khi-header-cta {display:none!important;}
  body .khi-hero .khi-hero-columns {gap:2.3rem!important;}
  body .khi-services-grid,body .khi-project-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:781px) {
  body .khi-header-inner,body .khi-footer-wrap {width:min(100% - 36px,1140px);}
  body .khi-header-inner {min-height:76px;}
  body .khi-brand .wp-block-site-title {font-size:1.15rem;}
  body .khi-brand .wp-block-site-title a::before {width:38px;height:38px;}
  body .khi-brand-subtitle {padding-left:48px;font-size:.6rem;}
  body .khi-hero .khi-hero-columns {grid-template-columns:1fr;}
  body :is(.khi-hero,.khi-section,.khi-values,.khi-cta) {padding-inline:22px!important;}
  body .khi-hero {padding-block:3.4rem!important;}
  body .khi-hero h1 {font-size:clamp(2.35rem,8.4vw,3.4rem)!important;}
  body .khi-section {padding-block:2.75rem!important;}
  body .khi-about > .wp-block-columns {grid-template-columns:1fr;}
  body .khi-values .khi-values-grid {grid-template-columns:1fr;}
}
@media(max-width:640px) {
  body .khi-audiences,body .khi-services-grid,body .khi-project-grid {grid-template-columns:1fr;}
  body .khi-footer-wrap > .wp-block-columns {display:block;}
  body .khi-footer-wrap > .wp-block-columns > .wp-block-column {margin-bottom:1.7rem;}
  body .khi-site-header .wp-block-navigation__responsive-container.is-menu-open {padding:1.4rem;}
}
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} a {transition:none;} }

/* v0.5 – Only the audience intro is allowed to use the complete section width.
 * In v0.4 max-width:75ch caused a distracting final-line wrap of "Schema F."
 * on the live site. This doesn't change the global width of other page content. */
body .khi-section-alt > .khi-section-intro {
  width: 100% !important;
  max-width: 1140px !important;
}


/* ================================================================
   KH Informatik Kontaktseite · v0.7
   Scoped selectors: no regression to Startseite or other pages.
   ================================================================ */
body .khi-contact-hero, body .khi-contact-main, body .khi-contact-bottom {
  width: 100%; max-width: none !important; margin-block:0 !important;
  padding-inline:max(24px,calc((100% - 1140px) / 2)) !important;
}
body .khi-contact-hero {background:linear-gradient(115deg,#25292E 0%,#292D32 68%,#382B32 100%)!important;color:#fff!important;padding-block:clamp(3rem,5vw,4.4rem)!important;}
body .khi-contact-hero-grid {display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr);gap:clamp(2rem,5vw,5rem)!important;align-items:center;margin-block:0!important;}
body .khi-contact-hero-grid>.wp-block-column,body .khi-contact-grid>.wp-block-column {min-width:0;width:auto!important;flex:none!important;}
body .khi-contact-kicker {color:#F0B6C3!important;font-size:.76rem!important;font-weight:800!important;letter-spacing:.14em;margin:0 0 .8rem!important;}
body .khi-contact-hero h1 {color:#fff!important;font-size:clamp(2.6rem,4.4vw,4.4rem)!important;line-height:1.06!important;letter-spacing:-.045em!important;margin:0 0 1.2rem!important;}
body .khi-contact-hero .khi-contact-hero-desc {color:#E5E7EB!important;font-size:clamp(1rem,1.4vw,1.17rem)!important;line-height:1.65!important;max-width:59ch;margin:0!important;}
body .khi-contact-hero-aside {padding:1.35rem 1.5rem!important;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.065);border-radius:14px;}
body .khi-contact-hero-aside h2 {font-size:1.13rem!important;color:#fff!important;margin:0 0 .75rem!important;}
body .khi-contact-hero-aside p {color:#F0F0F0!important;font-size:.94rem!important;line-height:1.55!important;margin:.3rem 0!important;}
body .khi-contact-hero-aside .khi-contact-tick {color:#F0B6C3!important;font-weight:750!important;margin-right:.35rem;}
body .khi-contact-main {background:#F7F7F6!important;padding-block:clamp(2.5rem,4.5vw,4rem)!important;}
body .khi-contact-grid {display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(300px,.83fr);gap:1.4rem!important;align-items:stretch;margin:0!important;}
body .khi-contact-form-card,body .khi-contact-info-card {background:#fff!important;border:1px solid #E1E3E5!important;border-radius:16px!important;padding:clamp(1.5rem,2.8vw,2.5rem)!important;box-shadow:0 10px 28px rgba(29,36,45,.05);}
body .khi-contact-form-card h2,body .khi-contact-info-card h2 {font-size:clamp(1.55rem,2.2vw,2rem)!important;line-height:1.22!important;color:#292D32!important;margin:0 0 .55rem!important;}
body .khi-contact-form-card>p,body .khi-contact-info-card>p {font-size:1rem!important;color:#46505B!important;line-height:1.6!important;}
body .khi-contact-form-card .khi-contact-subheading {margin:0 0 1.25rem!important;}
body .khi-contact-form-slot {padding:1.5rem!important;border-radius:12px;border:2px dashed #D0A2AE!important;background:#FCF8F9!important;}
body .khi-contact-form-slot h3 {color:#821F35!important;font-size:1.13rem!important;margin:0 0 .3rem!important;}
body .khi-contact-form-slot p {color:#5B4C51!important;font-size:.94rem!important;line-height:1.55!important;margin:0!important;}
body .khi-contact-info-label {color:#737C85!important;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem!important;font-weight:800!important;margin:1.2rem 0 .2rem!important;}
body .khi-contact-info-card .khi-contact-info-value {color:#292D32!important;font-size:1.07rem!important;line-height:1.5!important;margin:0!important;overflow-wrap:anywhere;}
body .khi-contact-info-value a {color:#821F35!important;text-decoration:none!important;font-weight:750!important;}
body .khi-contact-info-value a:hover {text-decoration:underline!important;}
body .khi-contact-info-card .khi-contact-address {font-size:.98rem!important;color:#434D57!important;line-height:1.65!important;margin-top:1.2rem!important;padding-top:1rem;border-top:1px solid #E6E7E8;}
body .khi-contact-bottom {background:#fff!important;padding-block:clamp(2.5rem,4vw,3.5rem)!important;}
body .khi-contact-bottom h2 {color:#292D32!important;font-size:clamp(1.7rem,2.7vw,2.5rem)!important;margin:0 0 1.1rem!important;letter-spacing:-.03em;}
body .khi-contact-steps {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem!important;margin:0!important;}
body .khi-contact-steps>.wp-block-column {border-top:3px solid #821F35!important;padding-top:1rem!important;width:auto!important;min-width:0;flex:none!important;}
body .khi-contact-steps h3 {color:#292D32!important;font-size:1.15rem!important;margin:0 0 .4rem!important;}
body .khi-contact-steps p {color:#505964!important;font-size:.96rem!important;line-height:1.6!important;margin:0!important;}
body .khi-contact-steps .khi-stepnum {color:#821F35!important;letter-spacing:.1em;font-size:.74rem!important;font-weight:800!important;margin:0 0 .5rem!important;}
/* Contact Form 7: styles activate as soon as its official block is inserted. */
body .khi-contact-form-card .wpcf7 {width:100%;margin-top:1rem;}
body .khi-contact-form-card .wpcf7 form {display:grid;gap:.95rem;}
body .khi-contact-form-card .wpcf7 form > p {margin:0!important;}
body .khi-contact-form-card .wpcf7 label {display:block;color:#343C45;font-size:.94rem;font-weight:650;line-height:1.5;}
body .khi-contact-form-card .wpcf7 :is(input:not([type=submit]),select,textarea) {
 width:100%;font:inherit;font-size:1rem;color:#292D32;background:#fff;border:1px solid #BBC1C8;border-radius:8px;padding:.8rem .88rem;margin-top:.35rem;outline-offset:2px;
}
body .khi-contact-form-card .wpcf7 :is(input,select,textarea):focus-visible {outline:3px solid #B24D68;border-color:#821F35;}
body .khi-contact-form-card .wpcf7 textarea {min-height:145px;resize:vertical;}
body .khi-contact-form-card .wpcf7 input[type=submit] {border:0;border-radius:8px;background:#821F35;color:#fff;font-weight:750;padding:.9rem 1.3rem;cursor:pointer;}
body .khi-contact-form-card .wpcf7 input[type=submit]:hover {background:#681829;}
body .khi-contact-form-card .wpcf7 .wpcf7-not-valid-tip {color:#A21B2B;font-size:.87rem;}
body .khi-contact-form-card .wpcf7 .wpcf7-response-output {border-radius:8px;padding:1rem;}
body .khi-contact-form-card .khi-form-privacy,body .khi-contact-form-card .wpcf7 .khi-form-privacy {font-size:.82rem!important;line-height:1.55!important;color:#59636D!important;}
body .khi-contact-form-card .khi-form-privacy a {color:#821F35!important;}
@media(max-width:800px){
  body .khi-contact-hero,body .khi-contact-main,body .khi-contact-bottom {padding-inline:22px!important;}
  body .khi-contact-hero-grid,body .khi-contact-grid {grid-template-columns:1fr!important;}
  body .khi-contact-hero {padding-block:3rem!important;}
  body .khi-contact-steps {grid-template-columns:1fr!important;gap:1.7rem!important;}
}


/* ====================================================================
   v0.8 – additional full-page patterns; content remains Gutenberg-editable.
   Namespaced to .khi-inner-* to preserve Startseite v0.6 and Kontakt v0.7.
   ==================================================================== */
body .khi-inner-hero,body .khi-inner-section,body .khi-inner-stripe,body .khi-inner-cta {
  width:100%!important;max-width:none!important;margin-block:0!important;
  padding-inline:max(24px,calc((100% - 1140px)/2))!important;
}
body :is(.khi-inner-hero,.khi-inner-section,.khi-inner-stripe,.khi-inner-cta) > * {max-width:1140px!important;margin-inline:auto!important;}
body .khi-inner-hero {background:linear-gradient(112deg,#25292E 0%,#30343A 72%,#392C32 100%)!important;color:white!important;padding-block:clamp(2.8rem,4.1vw,4.2rem)!important;}
body .khi-inner-hero-cols {display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);align-items:center;gap:clamp(1.7rem,4vw,4.5rem)!important;margin:0!important;}
body .khi-inner-hero-cols>.wp-block-column,body .khi-inner-two>.wp-block-column,body .khi-inner-three>.wp-block-column {min-width:0!important;flex:none!important;width:auto!important;}
body .khi-inner-kicker {color:#B95E76!important;letter-spacing:.13em!important;font-weight:800!important;text-transform:uppercase;font-size:.73rem!important;margin:0 0 .8rem!important;line-height:1.4!important;}
body .khi-inner-hero .khi-inner-kicker {color:#E9B2C1!important;}
body .khi-inner-hero h1 {color:white!important;font-weight:800!important;line-height:1.09!important;letter-spacing:-.045em!important;font-size:clamp(2.45rem,4vw,3.65rem)!important;margin:0 0 1.1rem!important;text-wrap:balance;overflow-wrap:normal;}
body .khi-inner-hero .khi-inner-lead {color:#E5E8EB!important;font-size:clamp(1rem,1.45vw,1.15rem)!important;line-height:1.65!important;max-width:61ch!important;margin:0 0 1.2rem!important;}
body .khi-inner-hero .wp-block-buttons,body .khi-inner-cta .wp-block-buttons {display:flex;flex-wrap:wrap;gap:.75rem!important;margin:0!important;}
body .khi-inner-hero .wp-block-button__link,body .khi-inner-cta .wp-block-button__link {display:inline-block;padding:.85rem 1.1rem!important;border-radius:8px!important;background:#821F35!important;color:#fff!important;font-weight:700!important;text-decoration:none!important;}
body .khi-inner-hero .khi-inner-outline .wp-block-button__link {border:1px solid rgba(255,255,255,.9)!important;background:transparent!important;color:#fff!important;}
body .khi-inner-aside {border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.075);border-radius:16px;padding:clamp(1.3rem,2.7vw,2rem)!important;margin:0!important;}
body .khi-inner-aside h2 {color:#fff!important;font-size:clamp(1.3rem,1.9vw,1.65rem)!important;line-height:1.25!important;margin:0 0 1rem!important;}
body .khi-inner-aside p {color:#EBEDEF!important;font-size:.95rem!important;line-height:1.55!important;margin:.55rem 0!important;}
body .khi-inner-tick span {color:#E5A3B1;font-weight:800;margin-right:.4rem;}
body .khi-inner-section {background:#fff!important;padding-block:clamp(2.75rem,4vw,4rem)!important;color:#292D32!important;}
body .khi-inner-section.khi-inner-alt {background:#F7F7F6!important;}
body .khi-inner-section .khi-inner-title {color:#292D32!important;font-size:clamp(1.9rem,2.9vw,2.75rem)!important;line-height:1.17!important;letter-spacing:-.03em!important;margin:0 0 .7rem!important;}
body .khi-inner-section .khi-inner-intro {color:#505964!important;font-size:1.02rem!important;line-height:1.65!important;max-width:80ch!important;margin:0 0 1.5rem!important;}
body .khi-inner-cards {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem!important;margin:0!important;}
body .khi-inner-card {min-width:0!important;margin:0!important;padding:1.55rem!important;border:1px solid #DDE0E4!important;border-top:3px solid #821F35!important;border-radius:13px!important;background:#fff!important;box-shadow:0 9px 24px rgba(22,28,32,.055);}
body .khi-inner-card h3 {color:#292D32!important;font-size:1.11rem!important;line-height:1.3!important;margin:0 0 .5rem!important;}
body .khi-inner-card p {color:#45505A!important;font-size:.94rem!important;line-height:1.62!important;margin:0!important;}
body .khi-inner-card .khi-inner-number {color:#821F35!important;font-weight:800!important;letter-spacing:.1em!important;font-size:.77rem!important;margin:0 0 .8rem!important;}
body .khi-inner-three {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem!important;margin:0!important;}
body .khi-inner-two {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem!important;margin:0!important;}
body .khi-inner-stripe {background:#25292E!important;color:#fff!important;padding-block:clamp(2rem,3.6vw,3.3rem)!important;}
body .khi-inner-stripe .khi-inner-stripe-item {margin:0!important;border-left:2px solid #CA798B;padding:0 0 0 1.1rem!important;}
body .khi-inner-stripe h3 {font-size:1.12rem!important;color:white!important;line-height:1.3!important;margin:0 0 .4rem!important;}
body .khi-inner-stripe p {font-size:.95rem!important;color:#E0E4E8!important;line-height:1.65!important;margin:0!important;}
body .khi-inner-step {padding:1.25rem 0!important;border-top:3px solid #821F35;margin:0!important;}
body .khi-inner-step .khi-inner-number {font-size:.74rem!important;color:#821F35!important;font-weight:800!important;margin:0 0 .65rem!important;}
body .khi-inner-step h3,body .khi-inner-text-panel h3 {font-size:1.17rem!important;color:#292D32!important;margin:0 0 .55rem!important;line-height:1.3!important;}
body .khi-inner-step p,body .khi-inner-text-panel p {font-size:.96rem!important;color:#46515A!important;line-height:1.67!important;margin:0!important;}
body .khi-inner-text-panel {background:#fff;border:1px solid #DEE1E3;border-radius:13px;padding:1.6rem!important;margin:0!important;box-shadow:0 7px 25px rgba(20,25,28,.045);}
body .khi-inner-text-panel a {color:#821F35!important;font-weight:700!important;text-decoration:underline;}
body .khi-inner-text-panel p+p {margin-top:1rem!important;}
body .khi-inner-cta {background:#821F35!important;color:#fff!important;padding-block:clamp(2.5rem,3.8vw,3.8rem)!important;}
body .khi-inner-cta h2 {color:white!important;font-size:clamp(1.8rem,2.9vw,2.6rem)!important;line-height:1.17!important;margin:0 0 .7rem!important;}
body .khi-inner-cta p {color:#F5E6EA!important;line-height:1.65!important;font-size:1.04rem!important;max-width:75ch!important;margin:0 0 1.2rem!important;}
body .khi-inner-cta .wp-block-button__link {background:#fff!important;color:#821F35!important;}
/* Legal template uses the existing page content. It does not generate legal claims. */
body .khi-legal-page {margin:0!important;width:100%!important;max-width:none!important;background:#fff!important;padding-bottom:4rem!important;}
body .khi-legal-title {background:#F7F7F6;border-bottom:1px solid #E1E3E5;padding:2.5rem max(24px,calc((100% - 1040px)/2))!important;max-width:none!important;margin:0!important;}
body .khi-legal-title .wp-block-post-title {color:#292D32!important;font-size:clamp(2rem,3.1vw,3rem)!important;line-height:1.17!important;margin:0!important;letter-spacing:-.035em!important;}
body .khi-legal-body {width:min(100% - 48px,1040px)!important;max-width:1040px!important;margin:2.5rem auto 0!important;padding:0!important;}
body .khi-legal-body>.wp-block-post-content {max-width:100%!important;width:100%!important;color:#343E48!important;}
body .khi-legal-body>.wp-block-post-content>* {max-width:100%!important;overflow-wrap:anywhere;}
body .khi-legal-body :is(p,li) {color:#39434D!important;line-height:1.73!important;font-size:1rem!important;}
body .khi-legal-body :is(h2,h3,h4) {color:#25292E!important;line-height:1.25!important;letter-spacing:-.015em!important;margin-top:1.6rem!important;}
body .khi-legal-body a {color:#821F35!important;overflow-wrap:anywhere;}
@media(max-width:1000px){body .khi-inner-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:780px){
 body .khi-inner-hero,body .khi-inner-section,body .khi-inner-stripe,body .khi-inner-cta {padding-inline:22px!important;}
 body .khi-inner-hero-cols,body .khi-inner-three,body .khi-inner-two {grid-template-columns:1fr!important;}
 body .khi-inner-hero {padding-block:3rem!important;}
 body .khi-inner-section {padding-block:2.6rem!important;}
 body .khi-inner-three {gap:1.2rem!important;}
}
@media(max-width:580px){body .khi-inner-cards{grid-template-columns:1fr!important;}body .khi-inner-card{padding:1.3rem!important;}}