/*
Theme Name: KICS Divi 5 Child
Theme URI: https://kics-consulting.de
Description: Divi 5 Child Theme for KICS Consulting.
Author: KICS Consulting
Author URI: https://kics-consulting.de
Template: Divi
Version: 1.2.0
Text Domain: kics-divi5-child
*/

:root {
  --kics-black: #050505;
  --kics-charcoal: #111111;
  --kics-panel: #181818;
  --kics-gold: #ffc400;
  --kics-gold-deep: #d99f00;
  --kics-white: #f7f7f4;
  --kics-muted: #b8b8b3;
  --kics-line: rgba(255, 196, 0, .3);
  --kics-radius: 22px 0 22px 0;
  --kics-shadow: 0 20px 60px rgba(0, 0, 0, .35);
}

body { background: var(--kics-black); color: var(--kics-white); }
img { max-width:100%; height:auto; }
#page-container { overflow: hidden; }
.kics-page { background: var(--kics-black); }
.kics-page h1,.kics-page h2,.kics-page h3 { color: var(--kics-white); letter-spacing: -.025em; }
.kics-page p,.kics-page li { color: var(--kics-muted); }
.kics-eyebrow { color: var(--kics-gold) !important; font-size: .78rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.kics-highlight { color: var(--kics-gold); }

.kics-header { position: sticky; top: 0; z-index: 999; background: rgba(5,5,5,.86); border-bottom: 1px solid rgba(255,255,255,.1); backdrop-filter: blur(18px); }
.kics-header .et_pb_row { display: flex; align-items: center; }
.kics-header img { max-height: 58px; width: auto; }
.kics-header img.kics-mode-logo,.kics-header .kics-mode-logo img { width:clamp(125px,12vw,180px); height:auto; object-fit:contain; }
.kics-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:18px; }
.kics-theme-toggle { width:46px; height:46px; border:1px solid rgba(255,196,0,.55); border-radius:50%; background:#111; color:var(--kics-gold); font-size:22px; cursor:pointer; transition:transform .3s ease,border-color .3s ease; }
.kics-theme-toggle:hover { transform:rotate(18deg) scale(1.06); border-color:var(--kics-gold); }
.kics-header .et_pb_menu__menu>nav>ul>li>a { color: var(--kics-white) !important; font-weight: 600; }
.kics-header .et_pb_menu__menu>nav>ul>li>a:hover { color: var(--kics-gold) !important; }
.kics-nav { display:flex; justify-content:flex-end; align-items:center; gap:clamp(12px,2vw,30px); }
.kics-nav a { color:var(--kics-white); font-weight:700; text-decoration:none; transition:color .25s ease,transform .25s ease; }
.kics-nav a:hover,.kics-nav a:focus-visible { color:var(--kics-gold); transform:translateY(-2px); }

.kics-hero { min-height: 82vh; display: grid; align-items: end; background-color: #020202; background-image: linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.02)),url('assets/images/KiCS_Variante_4_Growth-16-9.png'); background-size: cover; background-position: center; }
.kics-hero .et_pb_row { width: min(92%,1440px); padding-bottom: 7vw; }
.kics-hero { position:relative; }
.kics-hero > .et_pb_row { visibility:hidden; pointer-events:none; }
.kics-hotspot { position:absolute; left:75.5%; top:43%; width:28px; height:28px; border:2px solid var(--kics-gold); border-radius:50%; background:rgba(5,5,5,.72); cursor:pointer; box-shadow:0 0 0 0 rgba(255,196,0,.7); animation:kics-pulse 2s infinite; z-index:5; }
.kics-hotspot::after { content:""; position:absolute; inset:7px; background:var(--kics-gold); border-radius:50%; }
.kics-modal { position:fixed; inset:0; z-index:9999; display:none; place-items:center; padding:24px; background:rgba(0,0,0,.65); backdrop-filter:blur(8px); }
.kics-modal.kics-open { display:grid; }
.kics-modal-card { position:relative; width:min(650px,100%); padding:clamp(28px,5vw,50px); background:linear-gradient(135deg,rgba(11,11,11,.97),rgba(5,5,5,.94)); border:1px solid rgba(255,196,0,.55); border-radius:var(--kics-radius); box-shadow:0 24px 90px #000; }
.kics-modal-close { position:absolute; right:16px; top:10px; border:0; background:transparent; color:white; font-size:34px; cursor:pointer; }
@keyframes kics-pulse { 70%{box-shadow:0 0 0 24px rgba(255,196,0,0)} 100%{box-shadow:0 0 0 0 rgba(255,196,0,0)} }
.kics-hero-card { max-width: 670px; padding: clamp(24px,4vw,52px); background: rgba(5,5,5,.78); border: 1px solid rgba(255,196,0,.45); border-radius: var(--kics-radius); box-shadow: var(--kics-shadow); backdrop-filter: blur(12px); }
.kics-hero h1 { font-size: clamp(3rem,6vw,6.8rem); line-height: .93em; }

.kics-btn .et_pb_button,.kics-btn.et_pb_button { color: var(--kics-black) !important; background: var(--kics-gold); border: 2px solid var(--kics-gold); border-radius: var(--kics-radius); font-weight: 800; padding: .75em 1.35em !important; transition: transform .25s ease,box-shadow .25s ease,border-radius .25s ease; }
.kics-btn .et_pb_button:hover,.kics-btn.et_pb_button:hover { transform: translateY(-3px); border-radius: 0 22px 0 22px; box-shadow: 0 12px 30px rgba(255,196,0,.2); }

.kics-section { padding: clamp(72px,9vw,140px) 0; }
.kics-section .et_pb_row { width: min(90%,1280px); }
.kics-section { position: relative; }
.kics-section::before { content:""; position:absolute; width:240px; height:240px; border:1px solid rgba(255,196,0,.16); border-radius:50%; right:-120px; top:8%; animation:kics-rotation 22s linear infinite; pointer-events:none; }
.kics-section:nth-of-type(even)::before { left:-150px; right:auto; width:300px; height:300px; }
.kics-card { height: 100%; padding: 30px; background: linear-gradient(145deg,#1b1b1b,#0c0c0c); border: 1px solid rgba(255,255,255,.1); border-radius: var(--kics-radius); transition: transform .3s ease,border-color .3s ease; }
.kics-card:hover { transform: translateY(-10px) rotate(-1deg); border-color: var(--kics-gold); }
.kics-card img { width: 88px; height: 88px; object-fit: contain; margin-bottom: 20px; }
.kics-number { color: var(--kics-gold); font-size: 3rem; font-weight: 800; line-height: 1; }
.kics-band { background: var(--kics-gold); }
.kics-band h2,.kics-band p { color: var(--kics-black) !important; }
.kics-footer { background: #000; border-top: 1px solid var(--kics-line); }
.kics-footer a { color: var(--kics-white); }
.kics-footer-grid { display:grid; grid-template-columns:2fr 1fr 1.5fr; align-items:center; gap:60px; }
.kics-footer-brand { text-align:center; }
.kics-footer-brand img { width:min(190px,70%); }
.kics-footer-menu nav { display:grid; gap:9px; }
.kics-footer-menu a { font-weight:700; }
body.kics-light { background:#f4f1e8; color:#111; }
body.kics-light .kics-page { background:#f4f1e8; }
body.kics-light .kics-page h1,body.kics-light .kics-page h2,body.kics-light .kics-page h3 { color:#111; }
body.kics-light .kics-page p,body.kics-light .kics-page li { color:#4d4d49; }
body.kics-light .kics-header { background:rgba(244,241,232,.9); }
body.kics-light .kics-nav a { color:#111; }
body.kics-light .kics-card { background:linear-gradient(145deg,#fff,#ece8dc); border-color:rgba(0,0,0,.12); }
body.kics-light .kics-hero,body.kics-light .kics-modal,body.kics-light .kics-footer { color:var(--kics-white); }
.kics-reveal { opacity:0; transform:translateY(34px); transition:opacity .7s ease,transform .7s ease; }
.kics-reveal.kics-visible { opacity:1; transform:none; }
.kics-delay-1 { transition-delay:.1s; }.kics-delay-2 { transition-delay:.2s; }.kics-delay-3 { transition-delay:.3s; }
.kics-orbit { position:absolute; width:110px; height:110px; border:1px solid var(--kics-gold); border-radius:50%; animation:kics-rotation 12s linear infinite; pointer-events:none; }
.kics-orbit::before { content:""; position:absolute; width:12px; height:12px; background:var(--kics-gold); border-radius:50%; left:8px; top:8px; box-shadow:0 0 22px var(--kics-gold); }
@keyframes kics-rotation { from{transform:rotate(0deg)} to{transform:rotate(359deg)} }

@media (max-width: 980px) {
  .kics-hero { min-height: 72vh; background-image: linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.12)),url('assets/images/KiCS_Variante_4_Growth-4-3.png'); }
  .kics-header .et_pb_row { display: block; }
  .kics-footer-grid { grid-template-columns:1fr; text-align:center; gap:36px; }
  .kics-nav { flex-wrap:wrap; justify-content:center; padding:12px 0; gap:10px 18px; }
}
@media (max-width: 600px) { .kics-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); text-align:center; }.kics-hotspot{left:76%;top:31%}.kics-footer-menu nav{width:max-content;max-width:100%;margin:auto;text-align:left} }
@media (max-width: 600px) {
  .kics-hero { min-height: 78vh; background-image: linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.18)),url('assets/images/KiCS_Variante_4_Growth-3-4.png'); }
  .kics-hero-card { margin-top: 48vh; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }.kics-reveal{opacity:1;transform:none} }

/* Full-image hero: the complete artwork remains visible at every breakpoint. */
.kics-hero { width:100%; min-height:0; aspect-ratio:1822/863; background-size:contain; background-repeat:no-repeat; background-position:center; overflow:hidden; }
.kics-lightning-layer { position:absolute; inset:0; z-index:3; pointer-events:none; overflow:hidden; transition:background .08s; }
.kics-lightning-layer.kics-skyflash { background:rgba(255,224,90,.11); }
.kics-lightning { position:absolute; width:clamp(6px,.55vw,11px); height:clamp(150px,24vw,390px); opacity:0; background:linear-gradient(#fff 0 15%,#fff7b0 40%,#ffc400 100%); clip-path:polygon(48% 0,100% 0,65% 39%,96% 39%,22% 100%,42% 54%,8% 54%); filter:drop-shadow(0 0 9px #fff) drop-shadow(0 0 28px #ffc400); transform:rotate(var(--bolt-angle,8deg)); }
.kics-lightning.kics-flash { animation:kics-flash var(--flash-speed,.32s) steps(2,end); }
@keyframes kics-flash { 0%,100%{opacity:0} 12%,38%,62%{opacity:1} 24%,50%,75%{opacity:.12} }

/* Connected section gradients and reliable contrast in both modes. */
.kics-page.kics-section { background:linear-gradient(180deg,#080808 0%,#141414 52%,#0d0d0d 100%); }
.kics-page.kics-section:nth-of-type(3n) { background:linear-gradient(180deg,#0d0d0d 0%,#232323 52%,#111 100%); }
.kics-page.kics-section:nth-of-type(3n+1) { background:linear-gradient(180deg,#111 0%,#1b1710 58%,#080808 100%); }
.kics-page.kics-section + .kics-page.kics-section { margin-top:-1px; }
.kics-page .kics-card h1,.kics-page .kics-card h2,.kics-page .kics-card h3 { color:#f7f7f4; }
.kics-page .kics-card p,.kics-page .kics-card li { color:#c9c9c3; }
body.kics-light .kics-page.kics-section { background:linear-gradient(180deg,#f4f1e8 0%,#e7e4dc 52%,#dad7cf 100%); }
body.kics-light .kics-page.kics-section:nth-of-type(3n) { background:linear-gradient(180deg,#dad7cf 0%,#f8f7f2 52%,#e4dfd2 100%); }
body.kics-light .kics-page.kics-section:nth-of-type(3n+1) { background:linear-gradient(180deg,#e4dfd2 0%,#fff7dc 52%,#eee9df 100%); }
body.kics-light .kics-page h1,body.kics-light .kics-page h2,body.kics-light .kics-page h3 { color:#111; }
body.kics-light .kics-page p,body.kics-light .kics-page li { color:#393936; }
body.kics-light .kics-page .kics-card h1,body.kics-light .kics-page .kics-card h2,body.kics-light .kics-page .kics-card h3 { color:#111; }
body.kics-light .kics-page .kics-card p,body.kics-light .kics-page .kics-card li { color:#44443f; }
body.kics-light .kics-band h1,body.kics-light .kics-band h2,body.kics-light .kics-band h3,body.kics-light .kics-band p { color:#050505 !important; }
body.kics-light .kics-footer,body.kics-light .kics-footer h1,body.kics-light .kics-footer h2,body.kics-light .kics-footer h3 { color:#f7f7f4; }
body.kics-light .kics-footer p,body.kics-light .kics-footer li { color:#d4d4ce; }
#methodik.kics-page { background:linear-gradient(180deg,#050505 0%,#24272b 55%,#303236 100%) !important; }
#leistung.kics-page { background:linear-gradient(180deg,#303236 0%,#29251b 55%,#211b0e 100%) !important; }
#arbeitsweise.kics-page { background:linear-gradient(180deg,#211b0e 0%,#3a2e10 48%,#171717 100%) !important; }
#feedback.kics-page { background:linear-gradient(180deg,#171717 0%,#2b2b2b 48%,#382900 100%) !important; }
body.kics-light #methodik.kics-page { background:linear-gradient(180deg,#f7f5ee 0%,#d9dde0 55%,#c9cdd0 100%) !important; }
body.kics-light #leistung.kics-page { background:linear-gradient(180deg,#c9cdd0 0%,#eee8d7 55%,#fff4ce 100%) !important; }
body.kics-light #arbeitsweise.kics-page { background:linear-gradient(180deg,#fff4ce 0%,#ead9a3 48%,#ece9e1 100%) !important; }
body.kics-light #feedback.kics-page { background:linear-gradient(180deg,#ece9e1 0%,#d6d6d1 48%,#f0df9e 100%) !important; }

@media (max-width:980px) { .kics-hero { aspect-ratio:4/3; } }
@media (max-width:600px) { .kics-hero { aspect-ratio:3/4; } }
@media (prefers-reduced-motion:reduce) { .kics-lightning-layer{display:none} }

/* DLS-derived morphing hover language and refined hero interaction. */
.kics-hotspot { left:27%; top:48%; transition:transform .3s ease,border-radius .3s ease,background .3s ease; }
.kics-hotspot:hover { transform:translateY(-5px) scale(1.16) rotate(-1deg); border-radius:0 50% 50% 50%; background:rgba(255,196,0,.34); }
.kics-hotspot-label { position:absolute; left:calc(27% - 44px); top:calc(48% + 40px); z-index:5; color:#fff; background:rgba(5,5,5,.82); padding:6px 10px; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; pointer-events:none; }
.kics-btn .et_pb_button,.kics-btn.et_pb_button { position:relative; isolation:isolate; overflow:hidden; }
.kics-btn .et_pb_button::before,.kics-btn.et_pb_button::before { content:""; position:absolute; inset:0; display:block !important; width:100%; height:100%; margin:0 !important; background:#ffe06a; z-index:-1; transform:translateX(-105%); opacity:1 !important; transition:transform .3s ease; }
.kics-btn .et_pb_button:hover::before,.kics-btn.et_pb_button:hover::before { transform:translateX(0); }
.kics-btn .et_pb_button:hover,.kics-btn.et_pb_button:hover { transform:translateY(-6px) rotate(-1deg); }
.kics-card:hover { transform:translateY(-10px) rotate(-1deg) scale(1.015); box-shadow:0 18px 45px rgba(0,0,0,.4); }
.kics-natural-lightning { position:absolute; overflow:visible; opacity:0; filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #ffc400); }
.kics-natural-lightning.kics-flash { animation:kics-natural-flash .88s ease-out; }
.kics-natural-lightning path { fill:none; stroke-linecap:round; stroke-linejoin:round; }
@keyframes kics-natural-flash { 0%,100%{opacity:0} 8%{opacity:.78} 25%{opacity:.12} 43%{opacity:.62} 68%{opacity:.08} 84%{opacity:.03} }
body.kics-light #feedback .kics-card { background:linear-gradient(145deg,#fff,#e5e1d7) !important; border:1px solid #8c721f; border-left:4px solid #b88a00; box-shadow:0 16px 42px rgba(97,85,30,.14); }
body.kics-light #feedback .kics-card h1,body.kics-light #feedback .kics-card h2,body.kics-light #feedback .kics-card h3 { color:#111 !important; }
body.kics-light #feedback .kics-card p,body.kics-light #feedback .kics-card li { color:#242421 !important; }
@media(max-width:980px){.kics-hotspot{left:29%;top:43%}.kics-hotspot-label{left:calc(29% - 44px);top:calc(43% + 40px)}}@media(max-width:600px){.kics-hotspot{left:30%;top:34%}.kics-hotspot-label{left:calc(30% - 44px);top:calc(34% + 40px)}}

/* Premium light mode: neutral editorial surfaces, gold used only as an accent. */
body.kics-light { background:#f5f5f2; color:#101113; }
body.kics-light .kics-header { background:rgba(250,250,247,.92); border-color:rgba(22,24,27,.12); box-shadow:0 10px 35px rgba(26,28,32,.06); }
body.kics-light #methodik.kics-page { background:linear-gradient(180deg,#fafaf8 0%,#e9ebed 65%,#dfe2e4 100%) !important; }
body.kics-light #leistung.kics-page { background:linear-gradient(180deg,#dfe2e4 0%,#f8f8f6 58%,#fff 100%) !important; }
body.kics-light #arbeitsweise.kics-page { background:linear-gradient(180deg,#fff 0%,#eceeed 58%,#dde0e0 100%) !important; }
body.kics-light #feedback.kics-page { background:linear-gradient(180deg,#dde0e0 0%,#f5f5f2 52%,#fff 100%) !important; }
body.kics-light .kics-eyebrow { color:#8a6711 !important; }
body.kics-light .kics-card { background:linear-gradient(145deg,#fff,#f1f2f1) !important; border:1px solid rgba(22,24,27,.11); box-shadow:0 16px 44px rgba(27,28,32,.07); }
body.kics-light #feedback .kics-card { background:#fff !important; border:1px solid rgba(23,25,29,.13); border-left:4px solid #a87c11; box-shadow:0 18px 50px rgba(27,28,32,.08); }

/* DLS header effects: sticky contraction, animated underline and active scroll state. */
.kics-header,.kics-header .et_pb_row,.kics-header img { transition:all .35s ease; }
.kics-header { border-bottom:0 !important; }
.kics-contact-strip { position:relative; z-index:12; width:min(88%,1240px); max-height:74px; margin:12px auto -86px; overflow:hidden; background:linear-gradient(135deg,rgba(23,25,30,.94),rgba(8,9,11,.94)); color:#fff; border:1px solid rgba(255,196,0,.22); border-radius:10px; box-shadow:0 24px 55px rgba(0,0,0,.7),0 5px 16px rgba(0,0,0,.5); backdrop-filter:blur(16px); transition:max-height .3s ease,margin-top .3s ease,margin-bottom .3s ease,opacity .22s ease,transform .3s ease; }
.kics-contact-strip-inner { width:100%; min-height:72px; margin:auto; padding:8px 18px; display:flex; align-items:center; gap:clamp(20px,4vw,50px); }
.kics-contact-item { display:flex; align-items:center; gap:11px; color:#fff; text-decoration:none; }
.kics-contact-icon { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; background:#ffc400; border:2px solid #111; border-radius:6px; }
.kics-contact-icon svg { width:20px; height:20px; fill:none; stroke:#fff; stroke-width:2; }
.kics-contact-copy { display:grid; line-height:1.15; }
.kics-contact-copy strong { font-family:"Arial Narrow",Arial,sans-serif; font-size:16px; color:#fff; }
.kics-contact-copy span { margin-top:4px; color:#c8c8c4; font-size:12px; }
.kics-contact-strip-logo { width:92px; height:54px; object-fit:contain; margin-left:auto; margin-right:clamp(8px,4vw,56px); mix-blend-mode:screen; }
.kics-header.kics-scrolled + .kics-contact-strip { max-height:0; margin-top:0; margin-bottom:0; opacity:0; transform:translateY(-12px); }
.kics-hero::before { content:""; position:absolute; z-index:1; inset:0 0 auto; height:9%; background:linear-gradient(#050505 0 72%,transparent); pointer-events:none; }
.kics-header.kics-scrolled { background:rgba(5,5,5,.94); box-shadow:0 12px 34px rgba(0,0,0,.32); }
.kics-header.kics-scrolled .et_pb_row { padding-top:5px !important; padding-bottom:5px !important; }
.kics-header.kics-scrolled img { max-height:48px; }
@media(max-width:700px){.kics-contact-strip{width:94%;max-height:64px;margin:8px auto -72px}.kics-contact-strip-inner{min-height:62px;padding:6px 10px;gap:12px}.kics-contact-icon{width:34px;height:34px;flex-basis:34px}.kics-contact-copy strong{font-size:14px}.kics-contact-copy span{font-size:10px}.kics-contact-strip-logo{width:66px;height:44px;margin-right:0}.kics-contact-item-address .kics-contact-copy span{max-width:145px}}
@media(max-width:520px){.kics-contact-strip-inner{gap:9px}.kics-contact-strip-logo{display:none}.kics-contact-item{gap:8px}.kics-contact-item-address{min-width:0}.kics-contact-item-address .kics-contact-copy span{max-width:135px}}
body.kics-light .kics-header.kics-scrolled { background:rgba(250,250,247,.96); box-shadow:0 12px 34px rgba(20,22,25,.1); }
.kics-nav a { position:relative; padding:12px 0; }
.kics-nav a::before { content:""; position:absolute; left:0; bottom:4px; width:100%; height:2px; background:var(--kics-gold); transform:scale3d(0,1,1); transform-origin:50% 50%; transition:transform .45s ease; }
.kics-nav a:hover::before,.kics-nav a.kics-active::before { transform:scale3d(1,1,1); }
.kics-nav a.kics-active { color:var(--kics-gold); }
.kics-mobile-toggle { display:none; width:46px; height:42px; border:1px solid rgba(255,196,0,.47); border-radius:12px 0; background:#111; color:var(--kics-gold); font-size:25px; cursor:pointer; }
@media(max-width:980px){.kics-mobile-toggle{display:block}.kics-header-actions{position:relative;gap:8px}.kics-header-actions.kics-menu-open .kics-nav{display:grid!important;position:absolute;top:58px;right:0;width:min(360px,90vw);grid-template-columns:1fr;padding:18px;background:rgba(9,9,9,.97);border:1px solid rgba(255,196,0,.35);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.5);text-align:left}.kics-header-actions.kics-menu-open .kics-nav a{color:#fff}.kics-header-actions.kics-menu-open .kics-mobile-toggle{border-radius:0 12px}}

/* Final KICS yellow, DLS subtitle treatment, merged contact and fixed footer. */
body.kics-light { --kics-gold:#f2c900; --kics-gold-deep:#f2c900; }
body.kics-light #feedback .kics-card { border-left-color:#f2c900 !important; }
body.kics-light .kics-eyebrow { color:#111 !important; }
.kics-page .kics-eyebrow,.kics-contact-copy .kics-eyebrow { display:inline-flex; align-items:center; gap:12px; width:auto; padding:7px 11px; background:#f2c900; color:#111 !important; font-weight:800; }
.kics-page .kics-eyebrow::after,.kics-contact-copy .kics-eyebrow::after { content:""; display:block; width:38px; height:2px; background:#111; transform:scaleX(.35); transform-origin:left; transition:transform .45s ease; }
.kics-page:hover .kics-eyebrow::after,.kics-contact-copy:hover .kics-eyebrow::after { transform:scaleX(1); }
.kics-contact-section { padding:clamp(76px,9vw,130px) 0; background:linear-gradient(180deg,#111 0%,#25282b 100%) !important; }
.kics-contact-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:7vw; align-items:center; width:min(90%,1280px); margin:auto; }
.kics-contact-copy h2 { font-size:clamp(42px,5vw,72px); color:#fff; }
.kics-contact-copy p { color:#d0d0cc; }
.kics-contact-form { padding:clamp(24px,4vw,44px); background:#e2e3e4; border:2px solid #f2c900; border-radius:18px 0; box-shadow:0 18px 50px rgba(0,0,0,.4); }
.kics-contact-form label { display:block; color:#111; font-weight:700; margin:0 0 24px; }
.kics-contact-form input,.kics-contact-form textarea { display:block; width:100%; margin-top:8px; padding:12px 4px; border:0; border-bottom:1px solid #191919; background:transparent; color:#111; font:inherit; outline:0; }
.kics-contact-form input:focus,.kics-contact-form textarea:focus { border-bottom:2px solid #f2c900; }
.kics-contact-form textarea { min-height:120px; resize:vertical; }
.kics-contact-actions { display:flex; justify-content:flex-end; }
.kics-contact-form button { padding:15px 28px; border:0; border-radius:18px 0; background:#f2c900; color:#111; font-weight:900; cursor:pointer; }
.kics-contact-direct { display:inline-block; margin-top:20px; color:#f2c900; font-weight:800; }
body.kics-light .kics-contact-section { background:linear-gradient(180deg,#fff 0%,#e1e3e4 100%) !important; }
body.kics-light .kics-contact-copy h2 { color:#111; } body.kics-light .kics-contact-copy p { color:#303238; } body.kics-light .kics-contact-direct { color:#111; } body.kics-light .kics-contact-form { background:#f8f8f6; box-shadow:0 18px 50px rgba(27,28,32,.11); }
.kics-footer { position:relative; padding:52px 0 0 !important; background:#000 !important; border:0; }
.kics-footer-grid { position:relative; padding:38px 0 55px; }
.kics-footer-grid::before { content:""; position:absolute; top:0; left:34%; right:0; height:1px; background:#ddd; }
.kics-footer-brand img { width:min(340px,80%); }
.kics-footer-copy { background:#f2c900; color:#111; padding:14px 6%; font-weight:800; }
.kics-back-top { position:absolute; right:18px; bottom:68px; color:#fff !important; font-size:30px; text-decoration:none; transition:transform .25s ease; }
.kics-back-top:hover { transform:translateY(-6px); }
@media(max-width:980px){.kics-contact-grid{grid-template-columns:1fr}.kics-footer-grid::before{left:0}}@media(max-width:600px){.kics-contact-form{padding:24px 18px}.kics-footer-copy{text-align:center}.kics-back-top{bottom:86px}}

/* Exact black, white and KICS-yellow transitions. */
#methodik.kics-page { background:linear-gradient(180deg,#050505 0%,#161719 56%,#f2c900 100%) !important; }
#leistung.kics-page { background:linear-gradient(180deg,#f2c900 0%,#f2c900 10%,#111 34%,#050505 100%) !important; }
#arbeitsweise.kics-page { background:linear-gradient(180deg,#050505 0%,#25272a 58%,#f2c900 100%) !important; }
#feedback.kics-page { background:linear-gradient(180deg,#f2c900 0%,#111 28%,#000 100%) !important; }
body.kics-light #methodik.kics-page { background:linear-gradient(180deg,#fff 0%,#e5e7e8 62%,#111 100%) !important; }
body.kics-light #leistung.kics-page { background:linear-gradient(180deg,#111 0%,#111 9%,#f2c900 30%,#fff 62%) !important; }
body.kics-light #arbeitsweise.kics-page { background:linear-gradient(180deg,#fff 0%,#dfe2e3 62%,#111 100%) !important; }
body.kics-light #feedback.kics-page { background:linear-gradient(180deg,#111 0%,#f2c900 28%,#fff 66%) !important; }
.kics-method-layout { display:grid; grid-template-columns:minmax(280px,.85fr) 1.35fr; gap:6vw; align-items:start; width:min(90%,1280px); margin:auto; }
.kics-method-portrait { position:sticky; top:110px; justify-self:center; width:min(100%,clamp(270px,28vw,390px)); background:#080808; border:1px solid #ffc400; border-radius:24px 0; overflow:hidden; box-shadow:0 22px 55px rgba(0,0,0,.46); transition:transform .4s ease,box-shadow .4s ease,border-radius .4s ease; }
.kics-method-portrait::after { content:""; position:absolute; inset:-45% -80%; background:linear-gradient(110deg,transparent 42%,rgba(255,248,199,.2) 50%,transparent 58%); transform:translateX(-55%) rotate(8deg); transition:transform .75s ease; pointer-events:none; }
.kics-method-portrait:hover { transform:translateY(-8px) scale(1.018); border-radius:0 24px; box-shadow:0 30px 75px rgba(0,0,0,.58),0 0 28px rgba(255,196,0,.21); }
.kics-method-portrait:hover::after { transform:translateX(55%) rotate(8deg); }
.kics-method-image { display:block; width:100%; height:auto; max-height:min(66vh,590px); object-fit:contain; border-radius:23px 0; transition:transform .65s ease; }
.kics-method-portrait:hover .kics-method-image { transform:scale(1.025); }
.kics-method-image-light { display:none; }
body.kics-light .kics-method-portrait { background:#fff; border-color:#ffc400; box-shadow:0 18px 48px rgba(17,17,17,.18); }
body.kics-light .kics-method-image-dark { display:none; }
body.kics-light .kics-method-image-light { display:block; }
.kics-method-story h2 { font-size:clamp(42px,5vw,72px); }
.kics-method-lead { font-size:clamp(18px,1.55vw,23px); font-weight:750; color:#fff !important; }
.kics-process-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; width:min(90%,1280px); margin:64px auto 0; }
.kics-process-card { position:relative; padding:26px 20px 24px; background:rgba(11,11,11,.93); border:1px solid rgba(242,201,0,.35); border-radius:20px 0; overflow:hidden; transition:transform .35s ease,border-color .35s ease; }
.kics-process-card::before { content:""; position:absolute; inset:0; background:linear-gradient(145deg,rgba(242,201,0,.14),transparent 52%); opacity:0; transition:opacity .35s ease; }
.kics-process-card:hover { transform:translateY(-9px) rotate(-1deg); border-color:#f2c900; }
.kics-process-card:hover::before { opacity:1; }
.kics-process-card .kics-number { display:block; font-size:52px; color:#f2c900; margin-bottom:22px; }
.kics-process-card h3 { position:relative; font-size:22px; color:#fff; }
.kics-process-card p { position:relative; color:#cfcfca !important; }
body.kics-light .kics-method-lead,body.kics-light .kics-method-story h2,body.kics-light .kics-method-story p { color:#111 !important; }
body.kics-light .kics-process-card { background:#fff; border-color:rgba(17,17,17,.12); box-shadow:0 14px 40px rgba(17,17,17,.12); }
body.kics-light .kics-process-card h3,body.kics-light .kics-process-card p { color:#111 !important; }
@media(max-width:1100px){.kics-process-grid{grid-template-columns:repeat(2,1fr)}.kics-process-card:last-child{grid-column:span 2}}@media(max-width:800px){.kics-method-layout{grid-template-columns:1fr}.kics-method-portrait{position:relative;top:auto;width:min(88%,390px)}.kics-method-image{max-height:none}.kics-process-grid{grid-template-columns:1fr}.kics-process-card:last-child{grid-column:auto}}

/* Restrained section surfaces and editable methodology map. */
#methodik.kics-page { background:linear-gradient(180deg,#08090a 0%,#141618 88%,#090a0b 100%) !important; }
#leistung.kics-page { background:linear-gradient(180deg,#090a0b,#1a1c1f 52%,#090a0b) !important; }
#arbeitsweise.kics-page { background:linear-gradient(180deg,#090a0b,#202225 70%,#08090a) !important; }
#feedback.kics-page { background:linear-gradient(180deg,#08090a,#151719 82%,#050505) !important; }
body.kics-light #methodik.kics-page { background:linear-gradient(180deg,#fff,#eceeef 88%,#dadcde) !important; }
body.kics-light #leistung.kics-page { background:linear-gradient(180deg,#dadcde,#fff 55%,#f3f4f3) !important; }
body.kics-light #arbeitsweise.kics-page { background:linear-gradient(180deg,#f3f4f3,#fff 72%,#17191c 100%) !important; }
body.kics-light #feedback.kics-page { background:linear-gradient(180deg,#17191c 0%,#e4e6e6 22%,#fff 100%) !important; }
.kics-page .kics-eyebrow,.kics-contact-copy .kics-eyebrow { padding:0; background:transparent; color:#f7f7f4 !important; }
.kics-page .kics-eyebrow::before,.kics-contact-copy .kics-eyebrow::before { content:""; width:32px; height:2px; background:#f2c900; }
.kics-page .kics-eyebrow::after,.kics-contact-copy .kics-eyebrow::after { background:#f2c900; }
body.kics-light .kics-page .kics-eyebrow,body.kics-light .kics-contact-copy .kics-eyebrow { color:#111 !important; }
.kics-method-map { display:grid; grid-template-columns:1fr minmax(280px,1.25fr) 1fr; gap:26px; align-items:center; width:min(90%,1200px); margin:70px auto 25px; padding:36px; background:radial-gradient(circle at center,rgba(242,201,0,.07),transparent 48%),rgba(8,9,10,.85); border:1px solid rgba(242,201,0,.24); border-radius:28px 0; }
.kics-capability-stack { display:grid; gap:22px; }
.kics-capability { display:flex; align-items:center; gap:13px; color:#f7f7f4; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.kics-capability-stack.kics-right .kics-capability { flex-direction:row-reverse; text-align:right; }
.kics-capability::after { content:""; height:1px; flex:1; background:linear-gradient(90deg,#f2c900,transparent); }
.kics-capability-stack.kics-right .kics-capability::after { background:linear-gradient(90deg,transparent,#f2c900); }
.kics-capability img { width:44px; height:44px; }
.kics-method-core { text-align:center; position:relative; }
.kics-method-core::before,.kics-method-core::after { content:""; position:absolute; border:1px solid rgba(242,201,0,.18); border-radius:50%; inset:-22px; animation:kics-rotation 20s linear infinite; }
.kics-method-core::after { inset:-40px; border-style:dashed; animation-direction:reverse; }
.kics-method-core img { position:relative; width:min(260px,80%); z-index:1; }
.kics-method-core strong { display:block; margin-top:28px; color:#f2c900; letter-spacing:.22em; text-transform:uppercase; }
.kics-process-card { text-align:center; border-radius:50% 50% 22px 22px; min-height:330px; }
.kics-process-card>img { width:74px; height:74px; margin:0 auto 14px; }
.kics-process-card:not(:last-child)::after { content:"›"; position:absolute; right:-17px; top:42%; z-index:3; color:#f2c900; font-size:44px; font-weight:900; }
body.kics-light .kics-method-map { background:#111; border-color:#f2c900; } body.kics-light .kics-method-map .kics-capability { color:#fff; }
@media(max-width:900px){.kics-method-map{grid-template-columns:1fr}.kics-capability-stack.kics-right .kics-capability{flex-direction:row;text-align:left}.kics-capability-stack.kics-right .kics-capability::after{background:linear-gradient(90deg,#f2c900,transparent)}.kics-process-card:not(:last-child)::after{display:none}}
.kics-process-card { text-align:left; border-radius:20px 0; min-height:0; }
.kics-process-card>img,.kics-process-card:not(:last-child)::after { display:none; }
.kics-work-showcase { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; width:min(90%,1280px); margin:76px auto 0; }
.kics-work-feature { position:relative; background:#f7f7f5; color:#111; border-radius:22px 0; overflow:hidden; box-shadow:0 20px 55px rgba(0,0,0,.32); transition:transform .35s ease,border-radius .35s ease,box-shadow .35s ease; }
.kics-work-feature:first-child { background:#242628; color:#fff; }
.kics-work-image { height:245px; overflow:hidden; }
.kics-work-image img { width:100%; height:100%; object-fit:cover; transition:transform .65s ease,filter .45s ease; }
.kics-work-icon { position:absolute; top:212px; left:24px; width:70px; height:70px; padding:10px; background:#f2c900; border-radius:12px 0; box-shadow:0 9px 24px rgba(0,0,0,.32); transition:transform .35s ease,border-radius .35s ease; }
.kics-work-content { padding:48px 24px 30px; }
.kics-work-content h3 { font-size:28px; color:#111 !important; }
.kics-work-feature:first-child h3 { color:#fff !important; }
.kics-work-content p { color:#222 !important; }
.kics-work-feature:first-child p { color:#f0f0ec !important; }
.kics-work-feature:hover { transform:translateY(-12px) rotate(-.5deg); border-radius:0 22px; box-shadow:0 30px 75px rgba(0,0,0,.5); }
.kics-work-feature:hover .kics-work-image img { transform:scale(1.08); filter:contrast(1.05); }
.kics-work-feature:hover .kics-work-icon { transform:translateY(-8px) rotate(-2deg); border-radius:0 12px; }
.kics-work-feature::after { content:""; position:absolute; inset:auto 0 0; height:5px; background:#f2c900; transform:scaleX(0); transform-origin:left; transition:transform .45s ease; }
.kics-work-feature:hover::after { transform:scaleX(1); }
body.kics-light .kics-work-feature:first-child { background:#222426; } body.kics-light .kics-work-feature:not(:first-child) { background:#fff; }
@media(max-width:980px){.kics-work-showcase{grid-template-columns:1fr 1fr}.kics-work-feature:last-child{grid-column:span 2}}@media(max-width:650px){.kics-work-showcase{grid-template-columns:1fr}.kics-work-feature:last-child{grid-column:auto}}
.kics-page h1,.kics-page h2,.kics-page h3,.kics-nav a,.kics-btn,.kics-process-card .kics-number { font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif; }
.kics-page p,.kics-page li,.kics-contact-form,.kics-footer { font-family:"Roboto Condensed",Arial,sans-serif; }
.kics-work-feature { --kics-work-icon-size:clamp(58px,5vw,76px); }
.kics-work-icon { width:var(--kics-work-icon-size) !important; height:var(--kics-work-icon-size) !important; top:calc(245px - (var(--kics-work-icon-size) / 2)) !important; padding:clamp(9px,1vw,13px) !important; object-fit:contain; filter:brightness(0) contrast(1) !important; background:#f2c900 !important; }
.kics-work-content { padding-top:calc((var(--kics-work-icon-size) / 2) + 20px) !important; }
.kics-work-content p { opacity:.78 !important; color:#242424 !important; }
.kics-work-feature:hover .kics-work-content p { opacity:1 !important; }
.kics-work-feature:first-child { background:#222426 !important; }
.kics-work-feature:first-child h3,.kics-work-feature:first-child p { color:#f7f7f4 !important; }
body:not(.kics-light) .kics-work-feature:not(:first-child) { background:#f8f8f6 !important; }
body:not(.kics-light) .kics-work-feature:not(:first-child) h3,body:not(.kics-light) .kics-work-feature:not(:first-child) p { color:#18191b !important; }
body.kics-light .kics-work-feature:first-child { background:#202225 !important; }
body.kics-light .kics-work-feature:first-child h3,body.kics-light .kics-work-feature:first-child p { color:#fff !important; }
body.kics-light .kics-work-feature:not(:first-child) { background:#fff !important; }
body.kics-light .kics-work-feature:not(:first-child) h3,body.kics-light .kics-work-feature:not(:first-child) p { color:#17181a !important; }
@media(max-width:650px){.kics-work-feature{--kics-work-icon-size:clamp(56px,17vw,70px)}}
/* Layering repair: image, supplied icon and copy remain independently visible. */
.kics-work-feature::before { display:none !important; }
.kics-work-image { position:relative; z-index:1; }
.kics-work-content { position:relative; z-index:2; background:inherit; min-height:390px; }
.kics-work-icon { z-index:4 !important; filter:none !important; padding:0 !important; object-fit:cover !important; border:3px solid #f2c900; }
.kics-work-feature:first-child .kics-work-content { background:#222426; }
.kics-work-feature:not(:first-child) .kics-work-content { background:#f8f8f6; }
.kics-work-feature:first-child .kics-work-content h3,.kics-work-feature:first-child .kics-work-content p { color:#f7f7f4 !important; }
.kics-work-feature:not(:first-child) .kics-work-content h3,.kics-work-feature:not(:first-child) .kics-work-content p { color:#18191b !important; }
body.kics-light .kics-work-feature:first-child .kics-work-content { background:#202225; }
body.kics-light .kics-work-feature:not(:first-child) .kics-work-content { background:#fff; }
@media(max-width:650px){.kics-work-content{min-height:0}}
/* Original DLS-style color change, blind overlay and delayed text reveal. */
.kics-work-feature { transition:transform .35s ease,border-radius .35s ease,box-shadow .35s ease,background .45s ease; }
.kics-work-image { position:relative; }
.kics-work-image::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(0deg,rgba(242,201,0,.82) 0 9px,rgba(9,9,9,.72) 9px 17px,transparent 17px 27px); opacity:0; transform:translateY(-100%); transition:transform .6s cubic-bezier(.2,.75,.25,1),opacity .4s; }
.kics-work-content p { opacity:.18; transform:translateY(18px); transition:opacity .5s ease,transform .5s ease; }
.kics-work-content p:nth-of-type(2) { transition-delay:.08s; } .kics-work-content p:nth-of-type(3) { transition-delay:.16s; }
.kics-work-feature:hover { background:#d4d4d0; } .kics-work-feature:first-child:hover { background:linear-gradient(145deg,#121212,#332c0f); }
.kics-work-feature:hover .kics-work-image::after { opacity:.72; transform:translateY(0); }
.kics-work-feature:hover .kics-work-image img { filter:contrast(1.05) brightness(.72); }
.kics-work-feature:hover .kics-work-content p { opacity:1; transform:none; }
.kics-work-feature::before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(242,201,0,.09),transparent 52%); opacity:0; transition:opacity .4s; }
.kics-work-feature:hover::before { opacity:1; }
@media(hover:none){.kics-work-content p{opacity:1;transform:none}.kics-work-image::after{display:none}}
/* Unified work-card layout and strict responsive sizing for supplied PNG icons. */
.kics-work-showcase .kics-work-feature { background:#f8f8f6 !important; color:#18191b !important; border-radius:22px 0 !important; }
.kics-work-showcase .kics-work-feature .kics-work-content,.kics-work-showcase .kics-work-feature:first-child .kics-work-content { background:#f8f8f6 !important; color:#18191b !important; }
.kics-work-showcase .kics-work-feature .kics-work-content h3,.kics-work-showcase .kics-work-feature .kics-work-content p { color:#18191b !important; }
.kics-work-showcase .kics-work-feature>img.kics-work-icon { position:absolute !important; display:block !important; box-sizing:border-box !important; width:clamp(58px,5vw,76px) !important; height:clamp(58px,5vw,76px) !important; min-width:58px !important; max-width:76px !important; min-height:58px !important; max-height:76px !important; top:calc(245px - (clamp(58px,5vw,76px) / 2)) !important; left:24px !important; margin:0 !important; padding:0 !important; object-fit:cover !important; border:3px solid #f2c900 !important; border-radius:12px 0 !important; }
body.kics-light .kics-work-showcase .kics-work-feature,body.kics-light .kics-work-showcase .kics-work-feature .kics-work-content { background:#fff !important; color:#17181a !important; }
@media(max-width:650px){.kics-work-showcase .kics-work-feature>img.kics-work-icon{left:20px !important}}
/* One shared card and hover system for all three work cards. */
.kics-work-showcase { align-items:stretch; }
.kics-work-showcase .kics-work-feature,.kics-work-showcase .kics-work-feature:first-child { display:grid; grid-template-rows:245px 1fr; height:100%; transition:transform .35s ease,border-radius .35s ease,box-shadow .35s ease,background-color .45s ease !important; }
.kics-work-showcase .kics-work-feature .kics-work-image { height:245px; }
.kics-work-showcase .kics-work-feature .kics-work-content,.kics-work-showcase .kics-work-feature:first-child .kics-work-content { height:100%; min-height:390px; }
.kics-work-showcase .kics-work-feature:hover,.kics-work-showcase .kics-work-feature:first-child:hover { background:#deded9 !important; transform:translateY(-12px) rotate(-.5deg); border-radius:0 22px !important; box-shadow:0 30px 75px rgba(0,0,0,.5); }
.kics-work-showcase .kics-work-feature:hover .kics-work-content,.kics-work-showcase .kics-work-feature:first-child:hover .kics-work-content { background:#deded9 !important; }
.kics-work-showcase .kics-work-feature:hover .kics-work-image::after { opacity:.72; transform:translateY(0); }
.kics-work-showcase .kics-work-feature:hover .kics-work-image img { transform:scale(1.08); filter:contrast(1.05) brightness(.72); }
.kics-work-showcase .kics-work-feature:hover>img.kics-work-icon { transform:translateY(-8px) rotate(-2deg); border-radius:0 12px !important; }
.kics-work-showcase .kics-work-feature:hover .kics-work-content p { opacity:1 !important; transform:none; }
body.kics-light .kics-work-showcase .kics-work-feature:hover,body.kics-light .kics-work-showcase .kics-work-feature:first-child:hover,body.kics-light .kics-work-showcase .kics-work-feature:hover .kics-work-content,body.kics-light .kics-work-showcase .kics-work-feature:first-child:hover .kics-work-content { background:#ecece8 !important; }
@media(max-width:650px){.kics-work-showcase .kics-work-feature,.kics-work-showcase .kics-work-feature:first-child{grid-template-rows:245px auto}.kics-work-showcase .kics-work-feature .kics-work-content,.kics-work-showcase .kics-work-feature:first-child .kics-work-content{min-height:0}}
/* Compact theme control and consistent light/dark surfaces for all work cards. */
.kics-theme-toggle { width:36px !important; height:36px !important; padding:0 !important; font-size:16px !important; line-height:1 !important; }
body:not(.kics-light) .kics-work-showcase .kics-work-feature,body:not(.kics-light) .kics-work-showcase .kics-work-feature .kics-work-content { background:#1d2023 !important; color:#f7f7f4 !important; }
body:not(.kics-light) .kics-work-showcase .kics-work-feature h3,body:not(.kics-light) .kics-work-showcase .kics-work-feature p { color:#f7f7f4 !important; }
body:not(.kics-light) .kics-work-showcase .kics-work-feature:hover,body:not(.kics-light) .kics-work-showcase .kics-work-feature:hover .kics-work-content { background:#292d31 !important; }
/* Four editable service perspectives and the first-card detail dialog. */
.kics-services-wrap { width:min(90%,1280px); margin:auto; }.kics-services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:44px; align-items:stretch; }.kics-service-card { position:relative; display:flex; flex-direction:column; height:100%; }.kics-service-card h3 { font-size:clamp(27px,2.2vw,36px); }.kics-service-question { font-weight:700; line-height:1.5; }.kics-service-list { display:grid; gap:10px; margin:auto 0 0; padding:24px 0 0; list-style:none; }.kics-service-list li { position:relative; padding-left:20px; font-weight:800; }.kics-service-list li::before { content:""; position:absolute; left:0; top:.72em; width:9px; height:2px; background:#f2c900; }.kics-service-info { position:absolute; right:18px; top:18px; width:38px; height:38px; border:2px solid #f2c900; border-radius:50%; background:#111; color:#f2c900; font:900 18px/1 Arial; cursor:pointer; box-shadow:0 0 0 0 rgba(242,201,0,.55); animation:kics-service-info-pulse 2s infinite; z-index:3; }.kics-service-info:hover { transform:scale(1.1); }@keyframes kics-service-info-pulse{70%{box-shadow:0 0 0 15px rgba(242,201,0,0)}100%{box-shadow:0 0 0 0 rgba(242,201,0,0)}}.kics-service-modal { position:fixed; inset:0; z-index:9999; display:none; place-items:center; padding:24px; background:rgba(0,0,0,.72); backdrop-filter:blur(9px); }.kics-service-modal.kics-open { display:grid; }.kics-service-modal-card { position:relative; width:min(780px,100%); max-height:min(82vh,760px); overflow:auto; padding:clamp(28px,5vw,52px); background:#111; border:1px solid #f2c900; border-radius:24px 0; box-shadow:0 30px 100px #000; }.kics-service-modal-card h2,.kics-service-modal-card p,.kics-service-modal-card li { color:#f7f7f4 !important; }.kics-service-modal-card li { margin-bottom:12px; }.kics-service-modal-close { position:absolute; right:16px; top:10px; border:0; background:transparent; color:#fff; font-size:34px; cursor:pointer; }body.kics-light .kics-service-modal-card { background:#fff; }body.kics-light .kics-service-modal-card h2,body.kics-light .kics-service-modal-card p,body.kics-light .kics-service-modal-card li { color:#17181a !important; }body.kics-light .kics-service-modal-close { color:#111; }
@media(max-width:1050px){.kics-services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.kics-theme-toggle{width:34px !important;height:34px !important;font-size:15px !important}.kics-services-grid{grid-template-columns:1fr}.kics-service-modal-card{padding:38px 22px 26px}}
/* Compact methodology-sized service typography with equal-width tracks and no artificial gaps. */
.kics-services-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; align-items:stretch !important; }
.kics-services-grid .kics-service-card { min-width:0 !important; width:100% !important; height:100% !important; padding:26px 20px 24px !important; }
.kics-services-grid .kics-service-card img { width:74px !important; height:74px !important; margin:0 0 14px !important; }
.kics-services-grid .kics-service-card h3 { min-height:0 !important; margin:0 0 14px !important; font-size:22px !important; line-height:1.1 !important; overflow-wrap:anywhere; hyphens:auto; }
.kics-services-grid .kics-service-question { margin:0 !important; font-size:16px !important; line-height:1.55 !important; }
.kics-services-grid .kics-service-list { margin:18px 0 0 !important; padding:0 !important; gap:7px !important; }
.kics-services-grid .kics-service-list li { margin:0 !important; font-size:16px !important; line-height:1.45 !important; }
.kics-services-grid .kics-service-question,.kics-services-grid .kics-service-list li { font-weight:400 !important; }
@media(max-width:1050px){.kics-services-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}@media(max-width:600px){.kics-services-grid{grid-template-columns:1fr !important}}
/* Final light-mode override: remove every remnant of the former dark first-card variant. */
body.kics-light #arbeitsweise .kics-work-showcase .kics-work-feature,body.kics-light #arbeitsweise .kics-work-showcase .kics-work-feature:first-child,body.kics-light #arbeitsweise .kics-work-showcase .kics-work-content,body.kics-light #arbeitsweise .kics-work-showcase .kics-work-feature:first-child .kics-work-content { background:#fff !important; color:#17181a !important; }
body.kics-light #arbeitsweise .kics-work-showcase .kics-work-feature h3,body.kics-light #arbeitsweise .kics-work-showcase .kics-work-feature p,body.kics-light #arbeitsweise .kics-work-showcase .kics-work-feature:first-child h3,body.kics-light #arbeitsweise .kics-work-showcase .kics-work-feature:first-child p { color:#17181a !important; }
body.kics-light #arbeitsweise .kics-work-showcase .kics-work-feature:hover,body.kics-light #arbeitsweise .kics-work-showcase .kics-work-feature:first-child:hover,body.kics-light #arbeitsweise .kics-work-showcase .kics-work-feature:hover .kics-work-content,body.kics-light #arbeitsweise .kics-work-showcase .kics-work-feature:first-child:hover .kics-work-content { background:#ecece8 !important; color:#17181a !important; }
.kics-services-intro h2 { font-size:clamp(20px,4.25vw,60px) !important; white-space:nowrap; letter-spacing:-.02em; }
.kics-services-subtitle { margin:12px 0 0; font-size:clamp(16px,1.5vw,21px); font-weight:400; line-height:1.4; }
.kics-services-grid .kics-service-bottom-image { position:relative !important; left:-20px !important; display:block !important; align-self:stretch !important; flex:0 0 auto !important; width:calc(100% + 40px) !important; min-width:calc(100% + 40px) !important; max-width:none !important; height:clamp(125px,11vw,165px) !important; margin:auto 0 -24px !important; padding:22px 0 0 !important; object-fit:cover !important; box-sizing:content-box !important; border-radius:0 0 20px 0 !important; }
.kics-services-grid .kics-service-bottom-photo { position:relative; left:-20px; display:block; flex:0 0 155px; width:calc(100% + 40px); min-width:calc(100% + 40px); height:155px; margin:auto 0 -24px; background-position:center; background-size:cover; background-repeat:no-repeat; border-radius:0 0 20px 0; }
.kics-services-grid .kics-service-info { transition:transform .25s ease,border-radius .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease; }
.kics-services-grid .kics-service-info:hover,.kics-services-grid .kics-service-info:focus-visible { transform:translateY(-4px); border-radius:0 20px; background:rgba(242,201,0,.2); color:#f2c900; box-shadow:0 12px 30px rgba(255,196,0,.23); backdrop-filter:blur(4px); animation-play-state:paused; outline:none; }
.kics-nav a,.kics-header .et_pb_menu__menu>nav>ul>li>a,.kics-mobile-toggle { font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif !important; font-size:20px !important; font-weight:400 !important; letter-spacing:0 !important; }
/* Organic motion for the occasional section background circles. */
.kics-section { isolation:isolate; }
.kics-section>.et_pb_row,.kics-section>.kics-services-wrap,.kics-section>.kics-method-layout,.kics-section>.kics-process-grid,.kics-section>.kics-work-showcase { position:relative; z-index:2; }
.kics-section::before { z-index:0 !important; pointer-events:none !important; opacity:.42; right:clamp(24px,5vw,82px) !important; left:auto !important; top:14% !important; border-radius:46% 54% 58% 42% / 44% 42% 58% 56% !important; transform-origin:48% 52%; animation:kics-background-wobble 10s ease-in-out infinite alternate !important; will-change:transform,border-radius; }
.kics-section:nth-of-type(even)::before { left:clamp(24px,5vw,82px) !important; right:auto !important; }
@keyframes kics-background-wobble { 0%{transform:translate3d(0,0,0) rotate(0deg) scale(1);border-radius:46% 54% 58% 42%/44% 42% 58% 56%}32%{transform:translate3d(-13px,9px,0) rotate(7deg) scale(1.045,.96);border-radius:58% 42% 45% 55%/52% 61% 39% 48%}67%{transform:translate3d(10px,-12px,0) rotate(-5deg) scale(.97,1.05);border-radius:41% 59% 54% 46%/61% 43% 57% 39%}100%{transform:translate3d(-5px,7px,0) rotate(11deg) scale(1.035);border-radius:55% 45% 39% 61%/43% 56% 44% 57%} }
@media(prefers-reduced-motion:reduce){.kics-section::before{animation:none !important}}
/* Final responsive type and spacing system. */
body.kics-divi5 { font-size:clamp(13px,.55vw + 11.5px,17px); }
.kics-page p,.kics-page li { font-size:clamp(13px,.55vw + 11.5px,17px); }
.kics-nav a,.kics-header .et_pb_menu__menu>nav>ul>li>a,.kics-mobile-toggle { font-size:clamp(16px,1.25vw,20px) !important; }
.kics-eyebrow { font-size:clamp(11px,.75vw,13px); }
.kics-hero h1 { font-size:clamp(38px,6vw,95px); }
.kics-modal-card h1 { font-size:clamp(34px,6vw,78px); }
.kics-section { padding-block:clamp(72px,8vw,110px); }
.kics-section h2 { font-size:clamp(34px,5vw,68px); }
.kics-section h3 { font-size:clamp(21px,2vw,28px); }
.kics-card,.kics-service-card { padding:clamp(21px,2vw,30px); }
.kics-services-grid .kics-service-card h3 { font-size:clamp(20px,1.55vw,22px) !important; }
.kics-services-grid .kics-service-question,.kics-services-grid .kics-service-list li { font-size:clamp(13px,.48vw + 11.5px,16px) !important; }
.kics-process-card .kics-number { font-size:clamp(40px,4vw,52px); }
.kics-process-card h3 { font-size:clamp(20px,1.65vw,22px) !important; }
.kics-process-card p { font-size:clamp(13px,.48vw + 11.5px,16px); }
.kics-work-content h3 { font-size:clamp(23px,2vw,28px) !important; }
.kics-work-content p { font-size:clamp(13px,.55vw + 11.5px,17px); }
.kics-btn,.kics-contact-form button { font-size:clamp(15px,1vw,18px); }
.kics-contact-copy h2 { font-size:clamp(36px,5vw,68px); }
.kics-contact-form label,.kics-contact-form input,.kics-contact-form textarea { font-size:clamp(15px,.5vw + 13px,17px); }
.kics-footer,.kics-footer p,.kics-footer a { font-size:clamp(14px,.45vw + 12.5px,16px); }
@media(max-width:980px){.kics-header .et_pb_row{min-height:clamp(66px,9vw,78px)}.kics-services-grid{gap:clamp(14px,2vw,20px) !important}.kics-work-showcase{gap:clamp(18px,3vw,30px)}}
@media(max-width:600px){.kics-section{padding-block:clamp(62px,18vw,82px)}.kics-card,.kics-service-card{padding:22px !important}.kics-modal-card,.kics-service-modal-card{padding:36px 22px 26px}.kics-work-content{padding-inline:20px !important}.kics-footer{padding-block:44px}}
.kics-page p,.kics-page li,.kics-modal-card p,.kics-modal-card li,.kics-service-modal-card p,.kics-service-modal-card li,.kics-footer p,.kics-footer li { font-family:"Roboto Condensed",Arial,sans-serif !important; font-weight:400 !important; font-style:normal !important; }
.kics-page p strong,.kics-page li strong,.kics-modal-card p strong,.kics-modal-card li strong,.kics-service-modal-card p strong,.kics-service-modal-card li strong,.kics-footer p strong,.kics-footer li strong { font-weight:400 !important; }
.kics-footer-brand img { width:min(210px,58%) !important; }
.kics-footer-menu nav { gap:3px !important; }
.kics-footer-menu a { display:block; padding:2px 0; color:#d8d8d3 !important; font-size:13px !important; font-weight:400 !important; line-height:1.25 !important; text-decoration:none !important; }
.kics-footer-menu a:hover,.kics-footer-menu a:focus-visible { color:#ffc400 !important; text-decoration:none !important; }
.kics-footer .kics-btn,.kics-footer .kics-btn.et_pb_button,.kics-footer .kics-btn .et_pb_button { display:inline-block; margin:0; padding:9px 18px !important; background:transparent !important; border:1px solid #ffc400 !important; color:#ffc400 !important; border-radius:6px !important; font-size:14px !important; font-weight:600 !important; line-height:1.2 !important; text-decoration:none !important; box-shadow:none !important; }
.kics-footer .kics-btn:hover,.kics-footer .kics-btn.et_pb_button:hover,.kics-footer .kics-btn .et_pb_button:hover { background:#ffc400 !important; color:#080808 !important; transform:translateY(-2px); }
body.kics-light .kics-modal-card { background:linear-gradient(135deg,rgba(11,11,11,.98),rgba(5,5,5,.96)) !important; border-color:#f2c900 !important; color:#f7f7f4 !important; }
body.kics-light .kics-modal-card h1,body.kics-light .kics-modal-card p,body.kics-light .kics-modal-card .kics-eyebrow { color:#f7f7f4 !important; }
body.kics-light .kics-modal-card .kics-highlight { color:#f2c900 !important; }
body.kics-light .kics-modal-card .kics-modal-close { color:#fff !important; }
body.kics-light .kics-modal-card .kics-btn { background:#f2c900 !important; color:#050505 !important; }
.kics-services-grid .kics-service-list li { font-weight:700 !important; }
/* Service cards mirror the work-card image/icon/content composition. */
.kics-services-grid .kics-service-card { padding:0 !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; border-radius:22px 0 !important; }
.kics-services-grid .kics-service-bottom-photo { order:-3 !important; position:relative !important; left:0 !important; width:100% !important; min-width:100% !important; height:clamp(190px,16vw,235px) !important; flex:0 0 clamp(190px,16vw,235px) !important; margin:0 !important; border-radius:22px 0 0 !important; background-size:cover !important; transition:background-size .65s ease,filter .45s ease !important; }
.kics-services-grid .kics-service-bottom-photo::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(0deg,rgba(242,201,0,.78) 0 8px,rgba(9,9,9,.68) 8px 15px,transparent 15px 25px); opacity:0; transform:translateY(-100%); transition:transform .6s cubic-bezier(.2,.75,.25,1),opacity .4s; }
.kics-services-grid .kics-service-card-icon { order:-2 !important; position:relative !important; z-index:3 !important; display:block !important; width:clamp(58px,5vw,76px) !important; height:clamp(58px,5vw,76px) !important; min-width:58px !important; max-width:76px !important; margin:calc(clamp(58px,5vw,76px) / -2) 0 12px 20px !important; padding:0 !important; border:3px solid #f2c900 !important; border-radius:12px 0 !important; background:#f2c900 !important; object-fit:cover !important; box-shadow:0 9px 24px rgba(0,0,0,.38) !important; transition:transform .35s ease,border-radius .35s ease !important; }
.kics-services-grid .kics-service-card h3 { margin:0 20px 14px !important; }.kics-services-grid .kics-service-question { margin:0 20px !important; }.kics-services-grid .kics-service-list { margin:18px 20px 26px !important; }.kics-services-grid .kics-service-info { top:calc(clamp(190px,16vw,235px) + 18px) !important; right:18px !important; }
.kics-services-grid .kics-service-card:hover .kics-service-bottom-photo { background-size:auto 112% !important; filter:brightness(.75) contrast(1.05); }.kics-services-grid .kics-service-card:hover .kics-service-bottom-photo::after { opacity:.68; transform:translateY(0); }.kics-services-grid .kics-service-card:hover .kics-service-card-icon { transform:translateY(-8px); border-radius:0 12px !important; }
body.kics-light .kics-services-grid .kics-service-card { background:#fff !important; }body.kics-light .kics-services-grid .kics-service-card h3,body.kics-light .kics-services-grid .kics-service-card p,body.kics-light .kics-services-grid .kics-service-card li { color:#17181a !important; }
@media(max-width:600px){.kics-services-grid .kics-service-bottom-photo{height:210px !important;flex-basis:210px !important}.kics-services-grid .kics-service-info{top:228px !important}}
/* Exact work-card icon placement and a complete blind animation. */
.kics-services-grid .kics-service-card { --kics-service-photo-height:clamp(190px,16vw,235px); --kics-service-icon-size:clamp(58px,5vw,76px); position:relative !important; }
.kics-services-grid .kics-service-card-icon { position:absolute !important; order:initial !important; top:calc(var(--kics-service-photo-height) - (var(--kics-service-icon-size) / 2)) !important; left:24px !important; width:var(--kics-service-icon-size) !important; height:var(--kics-service-icon-size) !important; min-width:var(--kics-service-icon-size) !important; max-width:var(--kics-service-icon-size) !important; margin:0 !important; }
.kics-services-grid .kics-service-card h3 { margin:calc((var(--kics-service-icon-size) / 2) + 20px) 20px 14px !important; }
.kics-services-grid .kics-service-bottom-photo::after { z-index:1; transform:translate3d(0,-105%,0); opacity:0; transition:none !important; will-change:transform,opacity; }
.kics-services-grid .kics-service-card:hover .kics-service-bottom-photo::after { animation:kics-service-blind-complete .72s cubic-bezier(.2,.75,.25,1) both !important; }
@keyframes kics-service-blind-complete { 0%{transform:translate3d(0,-105%,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:.68} }
@media(max-width:600px){.kics-services-grid .kics-service-card{--kics-service-photo-height:210px}.kics-services-grid .kics-service-card-icon{left:20px !important}}
/* Final 1:1 work-card structure for services, plus the information control. */
.kics-services-grid { gap:clamp(18px,2vw,30px) !important; align-items:stretch !important; }
.kics-services-grid .kics-service-card { --kics-service-icon-size:clamp(58px,5vw,76px); position:relative !important; display:block !important; height:100% !important; padding:0 !important; background:#1d2023 !important; color:#f7f7f4 !important; border-radius:22px 0 !important; overflow:hidden !important; box-shadow:0 20px 55px rgba(0,0,0,.32) !important; transition:transform .35s ease,border-radius .35s ease,box-shadow .35s ease,background .45s ease !important; }
.kics-services-grid .kics-service-bottom-photo { position:relative !important; order:initial !important; left:0 !important; width:100% !important; min-width:100% !important; height:245px !important; min-height:245px !important; flex:none !important; margin:0 !important; border-radius:0 !important; background-size:cover !important; background-position:center !important; overflow:hidden !important; transition:background-size .65s ease,filter .45s ease !important; }
.kics-services-grid .kics-service-card-icon { position:absolute !important; z-index:4 !important; top:calc(245px - (var(--kics-service-icon-size) / 2)) !important; left:24px !important; width:var(--kics-service-icon-size) !important; height:var(--kics-service-icon-size) !important; min-width:var(--kics-service-icon-size) !important; max-width:var(--kics-service-icon-size) !important; margin:0 !important; padding:0 !important; border:3px solid #f2c900 !important; border-radius:12px 0 !important; background:#f2c900 !important; object-fit:cover !important; box-shadow:0 9px 24px rgba(0,0,0,.32) !important; transition:transform .35s ease,border-radius .35s ease !important; }
.kics-services-grid .kics-service-content { position:relative; z-index:2; min-height:390px; height:calc(100% - 245px); padding:calc((var(--kics-service-icon-size) / 2) + 20px) 24px 30px; background:#1d2023; }
.kics-services-grid .kics-service-content h3 { margin:0 0 18px !important; color:#f7f7f4 !important; }.kics-services-grid .kics-service-content .kics-service-question { margin:0 !important; color:#f7f7f4 !important; }.kics-services-grid .kics-service-content .kics-service-list { margin:18px 0 0 !important; color:#f7f7f4 !important; }
.kics-services-grid .kics-service-info { z-index:5 !important; top:18px !important; right:18px !important; }
.kics-services-grid .kics-service-bottom-photo::after { z-index:2 !important; transition:none !important; }.kics-services-grid .kics-service-card:hover { transform:translateY(-12px) rotate(-.5deg) !important; border-radius:0 22px !important; box-shadow:0 30px 75px rgba(0,0,0,.5) !important; }.kics-services-grid .kics-service-card:hover .kics-service-bottom-photo { background-size:auto 112% !important; filter:brightness(.72) contrast(1.05); }.kics-services-grid .kics-service-card:hover .kics-service-bottom-photo::after { animation:kics-service-blind-complete .72s cubic-bezier(.2,.75,.25,1) both !important; }.kics-services-grid .kics-service-card:hover .kics-service-card-icon { transform:translateY(-8px) rotate(-2deg) !important; border-radius:0 12px !important; }.kics-services-grid .kics-service-card:hover .kics-service-content { background:#292d31 !important; }
body.kics-light .kics-services-grid .kics-service-card,body.kics-light .kics-services-grid .kics-service-content { background:#fff !important; color:#17181a !important; }body.kics-light .kics-services-grid .kics-service-content h3,body.kics-light .kics-services-grid .kics-service-content p,body.kics-light .kics-services-grid .kics-service-content li { color:#17181a !important; }body.kics-light .kics-services-grid .kics-service-card:hover .kics-service-content { background:#ecece8 !important; }
@media(max-width:600px){.kics-services-grid .kics-service-card-icon{left:20px !important}.kics-services-grid .kics-service-content{min-height:0;height:auto;padding-inline:20px}}
/* Reduced service image, information control in the copy, stable full blind. */
.kics-services-grid .kics-service-card { --kics-service-photo-height:clamp(175px,13vw,205px) !important; }
.kics-services-grid .kics-service-bottom-photo { height:var(--kics-service-photo-height) !important; min-height:var(--kics-service-photo-height) !important; }
.kics-services-grid .kics-service-card-icon { top:calc(var(--kics-service-photo-height) - (var(--kics-service-icon-size) / 2)) !important; }
.kics-services-grid .kics-service-content { height:calc(100% - var(--kics-service-photo-height)) !important; }
.kics-services-grid .kics-service-info { top:calc(var(--kics-service-photo-height) + 18px) !important; right:18px !important; }
.kics-services-grid .kics-service-bottom-photo::after { opacity:0 !important; transform:translateY(-100%) !important; animation:none !important; transition:transform .6s cubic-bezier(.2,.75,.25,1),opacity .4s ease !important; }
.kics-services-grid .kics-service-card:hover .kics-service-bottom-photo::after { opacity:.72 !important; transform:translateY(0) !important; animation:none !important; }
/* Reference-matched service icons and horizontal image blinds. */
.kics-services-grid .kics-service-card-icon {
  border-radius:0 !important;
  object-fit:contain !important;
}
.kics-services-grid .kics-service-card:hover .kics-service-card-icon {
  border-radius:0 !important;
}
.kics-services-grid .kics-service-bottom-photo::after {
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(242,201,0,.64) 0 10px,
      rgba(8,9,10,.50) 10px 15px,
      rgba(242,201,0,.34) 15px 22px,
      transparent 22px 27px
    ) !important;
  opacity:0 !important;
  transform:scaleY(0) !important;
  transform-origin:top center !important;
  animation:none !important;
  transition:transform .7s cubic-bezier(.22,.75,.22,1),opacity .28s ease !important;
  mix-blend-mode:multiply;
}
.kics-services-grid .kics-service-card:hover .kics-service-bottom-photo::after {
  opacity:.92 !important;
  transform:scaleY(1) !important;
}
@media (prefers-reduced-motion:reduce) {
  .kics-services-grid .kics-service-bottom-photo::after { transition:opacity .2s ease !important; }
}
/* Services now use the exact work-card composition and interaction model. */
.kics-services-grid .kics-service-card {
  --kics-service-photo-height:245px !important;
  display:grid !important;
  grid-template-rows:var(--kics-service-photo-height) 1fr !important;
  height:100% !important;
  border-radius:22px 0 !important;
  overflow:hidden !important;
}
.kics-services-grid .kics-service-bottom-photo {
  grid-row:1 !important;
  height:var(--kics-service-photo-height) !important;
  min-height:var(--kics-service-photo-height) !important;
  background-size:cover !important;
  transition:background-size .65s ease,filter .45s ease !important;
}
.kics-services-grid .kics-service-card-icon {
  top:calc(var(--kics-service-photo-height) - (var(--kics-service-icon-size) / 2)) !important;
  left:24px !important;
  border-radius:0 !important;
}
.kics-services-grid .kics-service-content {
  grid-row:2 !important;
  min-height:390px !important;
  height:100% !important;
  padding:calc((var(--kics-service-icon-size) / 2) + 20px) 24px 30px !important;
}
.kics-services-grid .kics-service-info {
  top:calc(var(--kics-service-photo-height) + 18px) !important;
  right:18px !important;
}
.kics-services-grid .kics-service-bottom-photo::after {
  background:repeating-linear-gradient(0deg,rgba(242,201,0,.82) 0 9px,rgba(9,9,9,.72) 9px 17px,transparent 17px 27px) !important;
  opacity:0 !important;
  transform:translateY(-100%) !important;
  transform-origin:center !important;
  mix-blend-mode:normal !important;
  transition:transform .6s cubic-bezier(.2,.75,.25,1),opacity .4s ease !important;
}
.kics-services-grid .kics-service-question,
.kics-services-grid .kics-service-list {
  opacity:.18 !important;
  transform:translateY(18px) !important;
  transition:opacity .5s ease,transform .5s ease !important;
}
.kics-services-grid .kics-service-list { transition-delay:.08s !important; }
.kics-services-grid .kics-service-card:hover .kics-service-bottom-photo::after {
  opacity:.72 !important;
  transform:translateY(0) !important;
}
.kics-services-grid .kics-service-card:hover .kics-service-bottom-photo {
  background-size:auto 108% !important;
  filter:contrast(1.05) brightness(.72) !important;
}
.kics-services-grid .kics-service-card:hover .kics-service-question,
.kics-services-grid .kics-service-card:hover .kics-service-list {
  opacity:1 !important;
  transform:none !important;
}
.kics-services-grid .kics-service-card-icon { border-radius:12px 0 !important; }
.kics-services-grid .kics-service-card:hover .kics-service-card-icon { border-radius:0 12px !important; }
@media (max-width:600px) {
  .kics-services-grid .kics-service-card { grid-template-rows:245px auto !important; }
  .kics-services-grid .kics-service-content { min-height:0 !important; }
  .kics-services-grid .kics-service-card-icon { left:20px !important; }
}
@media (hover:none) {
  .kics-services-grid .kics-service-question,.kics-services-grid .kics-service-list { opacity:1 !important; transform:none !important; }
  .kics-services-grid .kics-service-bottom-photo::after { display:none !important; }
}
.kics-services-work-copy .kics-work-content h3 { padding-right:48px; }
.kics-services-work-copy .kics-service-info { top:263px !important; right:18px !important; }
.kics-services-work-copy .kics-services-work-list { display:grid; gap:10px; margin:18px 0 0; padding:0; list-style:none; opacity:.18; transform:translateY(18px); transition:opacity .5s ease .08s,transform .5s ease .08s; }
.kics-services-work-copy .kics-services-work-list li { position:relative; padding-left:20px; font-weight:700; }
.kics-services-work-copy .kics-services-work-list li::before { content:""; position:absolute; left:0; top:.72em; width:9px; height:2px; background:#f2c900; }
.kics-services-work-copy .kics-work-feature:hover .kics-services-work-list { opacity:1; transform:none; }
@media (hover:none) { .kics-services-work-copy .kics-services-work-list { opacity:1; transform:none; } }
body.kics-light #leistung .kics-services-work-copy .kics-work-feature,
body.kics-light #leistung .kics-services-work-copy .kics-work-feature:first-child,
body.kics-light #leistung .kics-services-work-copy .kics-work-content,
body.kics-light #leistung .kics-services-work-copy .kics-work-feature:first-child .kics-work-content {
  background:#fff !important;
  color:#17181a !important;
}
body.kics-light #leistung .kics-services-work-copy .kics-work-feature h3,
body.kics-light #leistung .kics-services-work-copy .kics-work-feature p,
body.kics-light #leistung .kics-services-work-copy .kics-services-work-list,
body.kics-light #leistung .kics-services-work-copy .kics-services-work-list li {
  color:#17181a !important;
}
body.kics-light #leistung .kics-services-work-copy .kics-work-feature:hover,
body.kics-light #leistung .kics-services-work-copy .kics-work-feature:hover .kics-work-content {
  background:#ecece8 !important;
}
.kics-service-modal[data-service="solutions"] .kics-service-modal-eyebrow,
.kics-service-modal[data-service="solutions"] .kics-service-modal-body ul strong,
.kics-service-modal[data-service="creative"] .kics-service-modal-eyebrow,
.kics-service-modal[data-service="creative"] .kics-service-modal-body ul strong,
.kics-service-modal[data-service="business"] .kics-service-modal-eyebrow,
.kics-service-modal[data-service="business"] .kics-service-modal-body ul strong {
  color:#f2c900 !important;
  font-weight:700 !important;
}
body.kics-light .kics-service-modal[data-service="solutions"] .kics-service-modal-eyebrow,
body.kics-light .kics-service-modal[data-service="solutions"] .kics-service-modal-body ul strong,
body.kics-light .kics-service-modal[data-service="creative"] .kics-service-modal-eyebrow,
body.kics-light .kics-service-modal[data-service="creative"] .kics-service-modal-body ul strong,
body.kics-light .kics-service-modal[data-service="business"] .kics-service-modal-eyebrow,
body.kics-light .kics-service-modal[data-service="business"] .kics-service-modal-body ul strong {
  color:#8a6900 !important;
}
.kics-service-modal[data-service="business"] .kics-service-modal-body>p strong {
  color:inherit !important;
  font-weight:700 !important;
}
.kics-service-modal[data-service="creative"] .kics-service-modal-body>p strong {
  color:inherit !important;
  font-weight:700 !important;
}
.kics-service-modal[data-service="solutions"] .kics-service-modal-body>p strong {
  color:inherit !important;
  font-weight:700 !important;
}
.kics-modal,.kics-service-modal { z-index:2147483647 !important; }
.kics-nav a,.kics-header .et_pb_menu__menu>nav>ul>li>a,.kics-mobile-toggle { font-size:clamp(18px,1.35vw,22px) !important; }
/* Contact form: DSGVO consent, honeypot, submit status. */
.kics-hp { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important; }
.kics-contact-form .kics-consent { display:flex; align-items:flex-start; gap:10px; margin:4px 0 20px; color:#111; font-weight:400; }
.kics-contact-form .kics-consent input[type="checkbox"] { flex:0 0 auto; width:18px; height:18px; margin-top:2px; accent-color:#f2c900; }
.kics-contact-form .kics-consent span { font-size:clamp(12px,.4vw + 11px,14px); line-height:1.4; }
.kics-contact-form .kics-consent a { color:#111; font-weight:700; text-decoration:underline; }
.kics-contact-form button[disabled] { opacity:.6; cursor:progress; }
.kics-contact-status { margin:14px 0 0; min-height:1.2em; font-weight:700; }
.kics-contact-status.kics-status-ok { color:#1a7a2e; }
.kics-contact-status.kics-status-error { color:#b02020; }
body.kics-light .kics-contact-form .kics-consent,body.kics-light .kics-contact-form .kics-consent a { color:#17181a; }


body.kics-light .kics-hero .kics-hero-card,
body.kics-light .kics-hero .kics-hero-card h1,
body.kics-light .kics-hero .kics-hero-card p { color:#f7f7f4 !important; }
body.kics-light .kics-hero .kics-hero-card .kics-eyebrow { color:#f2c900 !important; }


/* Compact, responsive values cards in the Arbeitsweise section. */
#arbeitsweise .et_pb_row_5col {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:clamp(10px,1.25vw,18px) !important;
  width:min(94%,1180px) !important;
  padding:12px 0 !important;
}
#arbeitsweise .et_pb_row_5col > .et_pb_column {
  width:auto !important;
  margin:0 !important;
}
#arbeitsweise .et_pb_row_5col .kics-card {
  height:100% !important;
  min-height:140px !important;
  padding:clamp(14px,1.35vw,20px) !important;
}
#arbeitsweise .et_pb_row_5col .kics-card h3 {
  margin-bottom:8px !important;
  padding-bottom:0 !important;
  font-size:clamp(21px,1.75vw,28px) !important;
  line-height:1.05 !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}
#arbeitsweise .et_pb_row_5col .kics-card p {
  font-size:clamp(13px,.45vw + 11.5px,16px) !important;
  line-height:1.45 !important;
}
@media (max-width:980px) {
  #arbeitsweise .et_pb_row_5col { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width:650px) {
  #arbeitsweise .et_pb_row_5col { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:420px) {
  #arbeitsweise .et_pb_row_5col { grid-template-columns:1fr !important; }
}

/* Force the correct, high-contrast header logo for both modes. */
body.kics-light .kics-header img.kics-mode-logo {
  content:url('assets/icons/KICS-Schriftzug-schwarz.png') !important;
  display:block !important;
  width:clamp(132px,12vw,180px) !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}
body:not(.kics-light) .kics-header img.kics-mode-logo {
  content:url('assets/icons/KICS-Schriftzug-weiss.png') !important;
}


/* Repair Divi grid pseudo-items and cached hero URLs. */
#arbeitsweise .et_pb_row_5col::before,
#arbeitsweise .et_pb_row_5col::after{content:none!important;display:none!important;}
body.kics-light .kics-hero{color:#fff!important;background-color:#020202!important;background-image:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.02)),url('/wp-content/themes/kics-divi5-child/assets/images/KiCS_Variante_4_Growth-16-9.png')!important;}
@media(max-width:980px){body.kics-light .kics-hero{background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.12)),url('/wp-content/themes/kics-divi5-child/assets/images/KiCS_Variante_4_Growth-4-3.png')!important;}}
@media(max-width:600px){body.kics-light .kics-hero{background-image:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.18)),url('/wp-content/themes/kics-divi5-child/assets/images/KiCS_Variante_4_Growth-3-4.png')!important;}}


/* Override Divi generated relative hero URLs. */
html body.kics-light .kics-page.kics-hero{background-image:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.02)),url('/wp-content/themes/kics-divi5-child/assets/images/KiCS_Variante_4_Growth-16-9.png')!important;}
@media(max-width:980px){html body.kics-light .kics-page.kics-hero{background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.12)),url('/wp-content/themes/kics-divi5-child/assets/images/KiCS_Variante_4_Growth-4-3.png')!important;}}
@media(max-width:600px){html body.kics-light .kics-page.kics-hero{background-image:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.18)),url('/wp-content/themes/kics-divi5-child/assets/images/KiCS_Variante_4_Growth-3-4.png')!important;}}


/* Legal pages */
.kics-legal-page{min-height:clamp(520px,68vh,820px);padding:clamp(150px,16vw,220px) clamp(20px,6vw,92px) clamp(72px,9vw,130px);color:#f4f4f2;background:radial-gradient(circle at 82% 14%,rgba(244,204,0,.07),transparent 24rem),linear-gradient(145deg,#090a0b 0%,#151719 60%,#0b0c0d 100%)}
.kics-legal-card{width:min(100%,980px);margin:0 auto;padding:clamp(28px,5vw,64px);border:1px solid rgba(244,204,0,.45);border-radius:0 28px 0 28px;background:transparent;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.kics-legal-card .kics-section-label{display:inline-flex;align-items:center;gap:12px;margin:0 0 24px;padding:6px 10px;color:#090909;background:#f4cc00;font-family:"Roboto Condensed",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.kics-legal-card .kics-section-label span{display:block;width:34px;height:2px;background:#090909}
.kics-legal-card h1{margin:0 0 24px;color:#fff;font-family:"Barlow Condensed",sans-serif;font-size:clamp(42px,7vw,82px);line-height:.95}
.kics-legal-card p,.kics-legal-card a{color:#d7d7d4;font-size:clamp(15px,1.2vw,18px);line-height:1.65}
.kics-legal-card a{text-decoration-color:#f4cc00;text-underline-offset:4px}
body.kics-light .kics-legal-page{color:#161616;background:radial-gradient(circle at 82% 14%,rgba(244,204,0,.12),transparent 24rem),linear-gradient(145deg,#f7f7f4 0%,#e6e7e5 60%,#fff 100%)}
body.kics-light .kics-legal-card{border-color:rgba(0,0,0,.16);background:transparent;box-shadow:0 24px 70px rgba(0,0,0,.1)}
body.kics-light .kics-legal-card p,body.kics-light .kics-legal-card a{color:#161616}
body.kics-light .kics-legal-card h1{color:#fff}

body:has(.kics-legal-page) #main-content{background:#090a0b}
body:has(.kics-legal-page) #main-content>.container{width:100%;max-width:none;padding-top:0}
body:has(.kics-legal-page) #main-content>.container::before,body:has(.kics-legal-page) #content-area::before,body:has(.kics-legal-page) article>.entry-title{display:none!important}
body:has(.kics-legal-page) #left-area{width:100%;padding:0}
body.kics-light:has(.kics-legal-page) #main-content{background:#f7f7f4}


/* Keep the global navigation visible while the page scrolls. */
html body .kics-header{position:fixed!important;top:0;right:0;left:0;width:100%;z-index:9990}
body.admin-bar .kics-header{top:32px}
@media(max-width:782px){body.admin-bar .kics-header{top:46px}}


/* Float the contact strip directly below the fixed navigation. */
html body .kics-contact-strip{position:fixed!important;top:92px;left:50%;right:auto;margin:12px 0 0!important;transform:translateX(-50%);z-index:9989}
body.admin-bar .kics-contact-strip{top:124px}
.kics-header.kics-scrolled+.kics-contact-strip{transform:translate(-50%,-12px)}
@media(max-width:980px){html body .kics-contact-strip{top:78px}body.admin-bar .kics-contact-strip{top:124px}}


/* Center contact strip and reserve clear space above the hero. */
html body .kics-contact-strip{transform:translateX(-50%)!important;box-shadow:0 30px 68px rgba(0,0,0,.72),0 10px 24px rgba(0,0,0,.42),0 0 0 1px rgba(244,204,0,.08)!important}
.kics-header.kics-scrolled+.kics-contact-strip{transform:translate(-50%,-12px)!important}
body.home .kics-hero{margin-top:clamp(180px,15vw,210px)!important}
body.admin-bar.home .kics-hero{margin-top:clamp(200px,16vw,230px)!important}
@media(max-width:980px){body.home .kics-hero{margin-top:170px!important}body.admin-bar.home .kics-hero{margin-top:202px!important}}


/* Optical vertical centering between navigation and hero separator. */
html body .kics-contact-strip{top:124px}
body.admin-bar .kics-contact-strip{top:156px}
@media(max-width:980px){html body .kics-contact-strip{top:100px}body.admin-bar .kics-contact-strip{top:146px}}


/* Move contact strip closer to the hero separator. */
html body .kics-contact-strip{top:142px}
body.admin-bar .kics-contact-strip{top:174px}
@media(max-width:980px){html body .kics-contact-strip{top:112px}body.admin-bar .kics-contact-strip{top:158px}}


/* Visually join contact strip and hero. */
html body .kics-contact-strip{top:166px}
body.admin-bar .kics-contact-strip{top:198px}
@media(max-width:980px){html body .kics-contact-strip{top:128px}body.admin-bar .kics-contact-strip{top:174px}}


/* Contact section aligned with the other content sections. */
#kontakt .kics-contact-grid{align-items:stretch;gap:clamp(28px,5vw,72px)}
#kontakt .kics-contact-grid>.kics-contact-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4.5vw,58px);border:1px solid rgba(244,204,0,.34);border-left:3px solid #f4cc00;border-radius:0 24px 0 24px;background:linear-gradient(145deg,rgba(30,32,35,.82),rgba(10,11,12,.72));box-shadow:0 22px 58px rgba(0,0,0,.28)}
#kontakt .kics-contact-grid>.kics-contact-copy h2{max-width:12ch;margin:20px 0 22px;padding:0;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:clamp(42px,4.8vw,66px);font-weight:600;line-height:.98;letter-spacing:-.02em}
#kontakt .kics-contact-grid>.kics-contact-copy p{max-width:48ch;margin:0 0 18px;font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(15px,.55vw + 13px,18px);font-weight:400;line-height:1.6}
#kontakt .kics-contact-grid>.kics-contact-copy p strong{font-weight:600}
#kontakt .kics-contact-direct{align-self:flex-start;margin-top:8px;padding-bottom:5px;border-bottom:2px solid #f4cc00;font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(16px,1.2vw,20px);font-weight:600;text-decoration:none}
body.kics-light #kontakt .kics-contact-grid>.kics-contact-copy{border-color:rgba(20,22,24,.16);border-left-color:#f4cc00;background:linear-gradient(145deg,#fff,#eceeec);box-shadow:0 22px 58px rgba(20,22,24,.1)}
.kics-contact-strip .kics-contact-item:not(.kics-contact-item-address){display:none}
.kics-contact-strip-inner{justify-content:center}


/* Refined footer imprint button without Divi hover arrow. */
.kics-footer a.kics-btn.et_pb_button{display:inline-flex;align-items:center;justify-content:center;min-width:132px;padding:13px 26px!important;border:1px solid #f4cc00!important;border-radius:0 14px 0 14px!important;background:rgba(244,204,0,.06)!important;color:#f4cc00!important;font-size:clamp(14px,.8vw,16px)!important;font-weight:600!important;line-height:1!important;letter-spacing:.02em;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.kics-footer a.kics-btn.et_pb_button::after{content:none!important;display:none!important;opacity:0!important}
.kics-footer a.kics-btn.et_pb_button:hover{padding:13px 26px!important;border-radius:14px 0 14px 0!important;background:#f4cc00!important;color:#090909!important;box-shadow:0 14px 34px rgba(244,204,0,.18)}


/* Contact copy without frame or repeated direct email address. */
#kontakt .kics-contact-grid>.kics-contact-copy{padding:clamp(12px,2vw,28px) 0;border:0;border-radius:0;background:transparent;box-shadow:none}
#kontakt .kics-contact-direct{display:none}
body.kics-light #kontakt .kics-contact-grid>.kics-contact-copy{border:0;background:transparent;box-shadow:none}


/* Balanced contact strip between navigation and hero separator. */
html body .kics-contact-strip{top:128px}
body.admin-bar .kics-contact-strip{top:160px}
.kics-contact-strip .kics-contact-item:not(.kics-contact-item-address){display:flex}
.kics-contact-strip .kics-contact-item:not(.kics-contact-item-address) .kics-contact-copy strong{display:none}
.kics-contact-strip .kics-contact-item:not(.kics-contact-item-address) .kics-contact-copy span{margin-top:0}
.kics-contact-strip-inner{justify-content:center;gap:clamp(30px,6vw,88px)}
@media(max-width:980px){html body .kics-contact-strip{top:96px}body.admin-bar .kics-contact-strip{top:142px}}


/* Compact header and contact band as one visual unit. */
html body .kics-header .et_pb_row{min-height:72px!important;padding-top:7px!important;padding-bottom:7px!important}
html body .kics-header img{max-height:48px}
html body .kics-contact-strip{top:82px}
body.admin-bar .kics-contact-strip{top:114px}
.kics-contact-strip-inner{justify-content:flex-start;padding-left:clamp(18px,4vw,56px);padding-right:clamp(18px,4vw,56px)}
body.home .kics-hero,body.admin-bar.home .kics-hero{margin-top:170px!important}
@media(max-width:980px){html body .kics-header .et_pb_row{min-height:62px!important;padding-top:5px!important;padding-bottom:5px!important}html body .kics-header img{max-height:42px}html body .kics-contact-strip{top:70px}body.admin-bar .kics-contact-strip{top:116px}body.home .kics-hero,body.admin-bar.home .kics-hero{margin-top:158px!important}}


/* Match the space below the contact band to the compact top spacing. */
body.home .kics-hero,body.admin-bar.home .kics-hero{margin-top:138px!important}
@media(max-width:980px){body.home .kics-hero,body.admin-bar.home .kics-hero{margin-top:138px!important}}


/* Reference-inspired floating contact banner. */
html body .kics-contact-strip,body.kics-light .kics-contact-strip{top:80px;width:min(92%,1440px);max-height:100px;color:#17181a!important;background:#f7f7f5!important;border:0!important;border-radius:6px;box-shadow:0 24px 58px rgba(0,0,0,.42)!important}
body.admin-bar .kics-contact-strip{top:112px}
.kics-contact-strip-inner{min-height:96px;padding:12px clamp(20px,2.5vw,38px);gap:clamp(24px,3vw,48px)}
.kics-contact-strip .kics-contact-copy strong,.kics-contact-strip .kics-contact-copy span{color:#17181a!important}
.kics-contact-strip-inner::after{content:"";flex:0 0 clamp(140px,15vw,205px);width:clamp(140px,15vw,205px);height:64px;margin-left:auto;background:url('assets/icons/KICS-Schriftzug-schwarz.png') center/contain no-repeat}
body.home .kics-hero,body.admin-bar.home .kics-hero{margin-top:138px!important}
@media(max-width:980px){html body .kics-contact-strip,body.kics-light .kics-contact-strip{top:68px;max-height:84px}body.admin-bar .kics-contact-strip{top:114px}.kics-contact-strip-inner{min-height:80px;padding:9px 16px}.kics-contact-strip-inner::after{flex-basis:112px;width:112px;height:50px}}
@media(max-width:620px){.kics-contact-strip-inner::after{display:none}}


/* Unified contact-strip typography. */
.kics-contact-strip .kics-contact-item{font-family:"Roboto Condensed",Arial,sans-serif}
.kics-contact-strip .kics-contact-copy strong{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:clamp(15px,.7vw + 7px,17px);font-weight:600;line-height:1.1;letter-spacing:0}
.kics-contact-strip .kics-contact-copy span{margin-top:3px;font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(13px,.35vw + 9px,15px);font-weight:400;line-height:1.3;letter-spacing:0}
.kics-contact-strip .kics-contact-item:not(.kics-contact-item-address) .kics-contact-copy span{margin-top:0;font-size:clamp(14px,.4vw + 9px,16px)}


/* Clean hero transition and black start for dark methodology. */
.kics-hero::before{height:13%!important;background:linear-gradient(#050505 0 82%,transparent)!important}
body:not(.kics-light) #methodik.kics-page{background:linear-gradient(180deg,#000 0%,#08090a 18%,#141618 88%,#090a0b 100%)!important}


/* Keep the complete hero artwork visible in light and dark mode. */
html body .kics-page.kics-hero {
  width:100% !important;
  min-height:0 !important;
  aspect-ratio:1822 / 863 !important;
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
@media (max-width:980px) {
  html body .kics-page.kics-hero {
    aspect-ratio:4 / 3 !important;
    background-size:contain !important;
    background-position:center !important;
  }
}
@media (max-width:600px) {
  html body .kics-page.kics-hero {
    aspect-ratio:3 / 4 !important;
    background-size:contain !important;
    background-position:center !important;
  }
}


/* Keep the emphasized contact sentence readable on the light background. */
body.kics-light #kontakt .kics-contact-grid > .kics-contact-copy p strong {
  color:#17181a !important;
  font-weight:600;
}


/* Native Divi 5 rebuild on start-kics. */
body.page-id-111 #leistung .et_pb_row:nth-of-type(2),body.page-id-111 #arbeitsweise .et_pb_row_5col{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(20px,2.4vw,34px)!important}
body.page-id-111 #leistung .et_pb_row:nth-of-type(2)>.et_pb_column:nth-child(4),body.page-id-111 #arbeitsweise .et_pb_row_5col>.et_pb_column:nth-child(n+4),body.page-id-111 #kontakt .et_pb_row>.et_pb_column:nth-child(2){display:none!important}
body.page-id-111 #kontakt .et_pb_row,body.page-id-111 #kontakt .et_pb_row>.et_pb_column:first-child{display:block!important;width:100%!important;max-width:none!important}
body.page-id-111 .kics-contact-native-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
body.page-id-111 #leistung .kics-card{overflow:hidden;padding:0 0 clamp(22px,2.5vw,34px)}
body.page-id-111 #leistung .kics-card>img:first-child{display:block;width:100%;height:clamp(180px,16vw,240px);object-fit:cover}
body.page-id-111 #leistung .kics-card>img:nth-child(2),body.page-id-111 .kics-work-icon{display:block;width:clamp(58px,5vw,76px);height:clamp(58px,5vw,76px);margin:clamp(-32px,-2.2vw,-24px) 0 14px clamp(20px,2.2vw,32px);object-fit:cover;border-radius:0 12px;box-shadow:0 12px 26px rgba(0,0,0,.28)}
body.page-id-111 #leistung .kics-card>h3,body.page-id-111 #leistung .kics-card>p,body.page-id-111 #leistung .kics-card>ul{margin-left:clamp(20px,2.2vw,32px);margin-right:clamp(20px,2.2vw,32px)}
body.page-id-111 .kics-work-card{height:100%;overflow:hidden;border-radius:22px 0;background:#202326}
body.page-id-111 .kics-work-image img{display:block;width:100%;height:clamp(190px,18vw,270px);object-fit:cover}
body.page-id-111 .kics-work-content{padding:0 clamp(20px,2.2vw,32px) clamp(24px,3vw,38px)}
body.kics-light.page-id-111 .kics-work-card{background:#fff;color:#17181a}
@media(max-width:980px){body.page-id-111 #leistung .et_pb_row:nth-of-type(2),body.page-id-111 #arbeitsweise .et_pb_row_5col,body.page-id-111 .kics-contact-native-wrap{grid-template-columns:1fr!important}}


/* Legal accordion links remain clearly recognizable in both color modes. */
.kics-legal-page .et_pb_toggle_content a[href],
body.page-id-107 .et_pb_toggle_content a[href] {
  color:#ffc400 !important;
  text-decoration:underline !important;
  text-decoration-color:#ffc400 !important;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.kics-legal-page .et_pb_toggle_content a[href]:hover,
.kics-legal-page .et_pb_toggle_content a[href]:focus-visible,
body.page-id-107 .et_pb_toggle_content a[href]:hover,
body.page-id-107 .et_pb_toggle_content a[href]:focus-visible {
  color:#ffc400 !important;
  text-decoration-thickness:2px;
}


/* Keep all legal accordion typography within the KICS type system. */
body.page-id-107 .et_pb_accordion,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content * {
  font-family:"Roboto Condensed",Arial,sans-serif !important;
}
body.page-id-107 .et_pb_accordion .et_pb_toggle_title {
  font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif !important;
}


/* Balanced vertical rhythm between the main content sections. */
html body .kics-page.kics-section,
html body #kontakt.kics-contact-section {
  padding-top:clamp(64px,6vw,88px) !important;
  padding-bottom:clamp(64px,6vw,88px) !important;
}
@media (max-width:980px) {
  html body .kics-page.kics-section,
  html body #kontakt.kics-contact-section {
    padding-top:clamp(50px,7vw,68px) !important;
    padding-bottom:clamp(50px,7vw,68px) !important;
  }
}
@media (max-width:600px) {
  html body .kics-page.kics-section,
  html body #kontakt.kics-contact-section {
    padding-top:clamp(40px,11vw,54px) !important;
    padding-bottom:clamp(40px,11vw,54px) !important;
  }
}


/* Larger responsive open/close controls for the legal accordion. */
body.page-id-107 .et_pb_accordion .et_pb_toggle_title {
  padding-right:clamp(48px,5vw,64px) !important;
}
html body.page-id-107 #page-container .et_pb_accordion .et_pb_toggle_title::before {
  right:clamp(14px,2vw,24px) !important;
  font-size:clamp(26px,2.4vw,34px) !important;
  line-height:1 !important;
}


/* Consistent accordion controls and accessible dark/light surfaces. */
html body.page-id-107 #page-container .et_pb_accordion_item {
  overflow:hidden;
  border:1px solid rgba(23,24,26,.18) !important;
  background:#f2f3f1 !important;
  transition:background-color .25s ease,border-color .25s ease;
}
html body.page-id-107 #page-container .et_pb_accordion .et_pb_toggle_title {
  color:#ffc400 !important;
  background:#f2f3f1 !important;
}
html body.page-id-107 #page-container .et_pb_accordion .et_pb_toggle_content {
  color:#25272a !important;
  background:transparent !important;
}
html body.page-id-107 #page-container .et_pb_accordion .et_pb_toggle_content *:not(a) {
  color:inherit !important;
}
html body.page-id-107 #page-container .et_pb_accordion .et_pb_toggle_title::before {
  top:50% !important;
  width:auto !important;
  height:auto !important;
  margin-top:0 !important;
  transform:translateY(-50%) !important;
  display:block !important;
  color:#ffc400 !important;
  font-family:"ETmodules" !important;
  font-weight:400 !important;
  letter-spacing:0;
  content:"\3b" !important;
}
html body.page-id-107 #page-container .et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title::before {
  content:"\3a" !important;
}
body.kics-light.page-id-107 #page-container .et_pb_accordion_item {
  border-color:rgba(23,24,26,.18) !important;
  background:#f2f3f1 !important;
}
body.kics-light.page-id-107 #page-container .et_pb_accordion .et_pb_toggle_title {
  color:#ffc400 !important;
  background:#f2f3f1 !important;
}
body.kics-light.page-id-107 #page-container .et_pb_accordion .et_pb_toggle_content {
  color:#25272a !important;
  background:transparent !important;
}


/* Bring the imprint introduction and legal accordion visually together. */
body.page-id-107 .kics-legal-page {
  padding-bottom:clamp(56px,6vw,82px) !important;
}


/* Keep the legal accordion in its light presentation in both site modes. */
html body.page-id-107:not(.kics-light) #page-container .et_pb_accordion .et_pb_toggle_title,
html body.page-id-107:not(.kics-light) #page-container .et_pb_accordion .et_pb_toggle_title * {
  color:#ffc400 !important;
}
html body.page-id-107:not(.kics-light) #page-container .et_pb_accordion .et_pb_toggle_content,
html body.page-id-107:not(.kics-light) #page-container .et_pb_accordion .et_pb_toggle_content *:not(a) {
  color:#25272a !important;
}
html body.kics-light.page-id-107 #page-container .et_pb_accordion .et_pb_toggle_title,
html body.kics-light.page-id-107 #page-container .et_pb_accordion .et_pb_toggle_title * {
  color:#ffc400 !important;
}
html body.kics-light.page-id-107 #page-container .et_pb_accordion .et_pb_toggle_content,
html body.kics-light.page-id-107 #page-container .et_pb_accordion .et_pb_toggle_content *:not(a) {
  color:#25272a !important;
}


/* All visible legal-content links use the KICS link treatment. */
html body.page-id-107 #page-container #main-content a[href]:not(.et_pb_button) {
  color:#ffc400 !important;
  text-decoration:underline !important;
  text-decoration-color:#ffc400 !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:3px;
}
html body.page-id-107 #page-container #main-content a[href]:not(.et_pb_button):hover,
html body.page-id-107 #page-container #main-content a[href]:not(.et_pb_button):focus-visible {
  color:#ffc400 !important;
  text-decoration-thickness:2px !important;
}


/* Complianz follows the KICS typography system. */
.cmplz-document,
.cmplz-document p,
.cmplz-document li,
.cmplz-document a,
.cmplz-document table,
.cmplz-document th,
.cmplz-document td,
.cmplz-document button,
.cmplz-cookiebanner,
.cmplz-cookiebanner p,
.cmplz-cookiebanner a,
.cmplz-cookiebanner button,
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-category-title {
  font-family:"Roboto Condensed",Arial,sans-serif !important;
}
.cmplz-document h1,
.cmplz-document h2,
.cmplz-document h3,
.cmplz-document h4,
.cmplz-document h5,
.cmplz-document h6,
.cmplz-cookiebanner .cmplz-title,
.cmplz-cookiebanner .cmplz-header {
  font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif !important;
}


/* Complete KICS typography coverage for all Complianz surfaces. */
.cmplz-cookiebanner .cmplz-close,
.cmplz-cookiebanner .cmplz-category,
.cmplz-buttons .cmplz-btn,
.cmplz-links .cmplz-documents,
#cmplz-manage-consent .cmplz-manage-consent,
.cmplz-soft-cookiewall,
.cmplz-blocked-content-container .cmplz-blocked-content-notice,
.cmplz-blocked-content-notice,
button.cmplz-accept-service,
#cmplz-consent-ui,
#cmplz-post-consent-ui,
#cmplz-consent-ui .cmplz-consent-message,
#cmplz-consent-ui button,
#cmplz-post-consent-ui button {
  font-family:"Roboto Condensed",Arial,sans-serif !important;
}
.cmplz-cookiebanner .cmplz-category-title {
  font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif !important;
}
.cmplz-buttons .cmplz-btn,
#cmplz-manage-consent .cmplz-manage-consent,
button.cmplz-accept-service,
#cmplz-consent-ui button,
#cmplz-post-consent-ui button {
  font-weight:600;
}


/* One typography hierarchy for every legal accordion document. */
body.page-id-107 .et_pb_accordion .et_pb_toggle_content,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content p,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content li,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content a,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content span,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content td,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content th {
  font-family:"Roboto Condensed",Arial,sans-serif !important;
  font-size:clamp(15px,1.2vw,17px) !important;
  font-weight:400 !important;
  line-height:1.65 !important;
}
body.page-id-107 .et_pb_accordion .et_pb_toggle_content h1,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content h2,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content h3,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content h4,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content h5,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content h6 {
  font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif !important;
  font-size:clamp(20px,1.8vw,24px) !important;
  font-weight:600 !important;
  line-height:1.2 !important;
}
body.page-id-107 .et_pb_accordion .et_pb_toggle_content strong,
body.page-id-107 .et_pb_accordion .et_pb_toggle_content b {
  font-weight:700 !important;
}


/* Responsive mode-specific logo in the imprint header. */
.kics-legal-logo-wrap {
  float:right;
  width:clamp(120px,18vw,220px);
  margin:0 0 clamp(20px,3vw,34px) clamp(24px,4vw,54px);
}
.kics-legal-logo {
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.kics-legal-logo-light { display:none; }
body.kics-light .kics-legal-logo-dark { display:none; }
body.kics-light .kics-legal-logo-light { display:block; }
@media(max-width:600px) {
  .kics-legal-logo-wrap {
    float:none;
    width:clamp(120px,42vw,180px);
    margin:0 auto 28px;
  }
}


/* Align the imprint logo with the name and address. */
.kics-legal-logo-wrap {
  float:none;
  width:clamp(100px,13vw,150px);
  margin:0;
}
.kics-legal-contact-row {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:clamp(20px,4vw,48px);
  margin:0 0 clamp(26px,4vw,44px);
}
.kics-legal-contact-info { min-width:0; }
.kics-legal-contact-info p { margin:0 0 .45em; }
.kics-legal-contact-info p:last-child { margin-bottom:0; }
@media(max-width:600px) {
  .kics-legal-logo-wrap { width:clamp(82px,24vw,110px); margin:0; }
}


/* Avoid a duplicate launcher when KICS Chatter is embedded in the contact section. */
body:has(.kics-chatter-inline) > .kics-chatter--floating {
  display: none !important;
}


/* KICS Chatter: theme-aware inline presentation in the contact section. */
.kics-chatter-inline {
  width: 100%;
  min-width: 0;
}

.kics-chatter-inline .kics-chatter--inline {
  --kc-brand: #FFC400 !important;
  animation: kics-chatter-hover 7s ease-in-out infinite;
  transform: translateZ(0);
  will-change: transform;
}

.kics-chatter-inline .kics-chatter__panel {
  overflow: hidden;
  color: #f7f7f4;
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 196, 0, .09), transparent 30%),
    linear-gradient(145deg, #181a1e 0%, #0d0e10 100%);
  border: 1px solid rgba(255, 196, 0, .34);
  box-shadow:
    0 28px 65px rgba(0, 0, 0, .46),
    0 8px 22px rgba(0, 0, 0, .25);
}

.kics-chatter-inline .kics-chatter__header {
  color: #f7f7f4;
  background: linear-gradient(135deg, #050505 0%, #17191d 72%, #27230e 100%);
  border-bottom: 1px solid rgba(255, 196, 0, .22);
}

.kics-chatter-inline .kics-chatter__modes,
.kics-chatter-inline .kics-chatter__chat-mode,
.kics-chatter-inline .kics-chatter__contact {
  color: #ecece8;
  background: transparent;
}

.kics-chatter-inline .kics-chatter__contact input,
.kics-chatter-inline .kics-chatter__contact textarea,
.kics-chatter-inline .kics-chatter__input {
  color: #f7f7f4;
  background: rgba(255, 255, 255, .055);
  border-color: rgba(255, 255, 255, .16);
}

.kics-chatter-inline .kics-chatter__contact input::placeholder,
.kics-chatter-inline .kics-chatter__contact textarea::placeholder,
.kics-chatter-inline .kics-chatter__input::placeholder {
  color: rgba(247, 247, 244, .62);
}

.kics-chatter-inline .kics-chatter__modes button.is-active,
.kics-chatter-inline .kics-chatter__modes button[aria-pressed="true"] {
  color: #111;
  background: #FFC400;
}

body.kics-light .kics-chatter-inline .kics-chatter__panel {
  color: #17181a;
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 196, 0, .12), transparent 31%),
    linear-gradient(145deg, #fff 0%, #f1f2f3 100%);
  border-color: rgba(23, 24, 26, .12);
  box-shadow:
    0 26px 58px rgba(27, 28, 32, .16),
    0 7px 20px rgba(27, 28, 32, .10);
}

body.kics-light .kics-chatter-inline .kics-chatter__header {
  color: #17181a;
  background: linear-gradient(135deg, #fff 0%, #f1f2f3 72%, #fff4c7 100%);
  border-bottom-color: rgba(23, 24, 26, .10);
}

body.kics-light .kics-chatter-inline .kics-chatter__modes,
body.kics-light .kics-chatter-inline .kics-chatter__chat-mode,
body.kics-light .kics-chatter-inline .kics-chatter__contact {
  color: #282a2e;
  background: transparent;
}

body.kics-light .kics-chatter-inline .kics-chatter__contact input,
body.kics-light .kics-chatter-inline .kics-chatter__contact textarea,
body.kics-light .kics-chatter-inline .kics-chatter__input {
  color: #17181a;
  background: rgba(255, 255, 255, .72);
  border-color: rgba(23, 24, 26, .18);
}

body.kics-light .kics-chatter-inline .kics-chatter__contact input::placeholder,
body.kics-light .kics-chatter-inline .kics-chatter__contact textarea::placeholder,
body.kics-light .kics-chatter-inline .kics-chatter__input::placeholder {
  color: rgba(23, 24, 26, .58);
}

@keyframes kics-chatter-hover {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -5px, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .kics-chatter-inline .kics-chatter--inline {
    animation: none;
  }
}


/* Keep all Chatter surfaces visually consistent in dark mode. */
.kics-chatter-inline .kics-wolf {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.kics-chatter-inline .kics-chatter__messages,
.kics-chatter-inline .kics-chatter__chat-mode,
.kics-chatter-inline .kics-chatter__contact,
.kics-chatter-inline .kics-chatter__quick,
.kics-chatter-inline .kics-chatter__chat-form {
  background: #111317 !important;
}

.kics-chatter-inline .kics-chatter__message {
  color: #ecece8 !important;
  background: #202328 !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

.kics-chatter-inline .kics-chatter__captcha {
  color: #d9d9d5 !important;
  background: #202328 !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

.kics-chatter-inline .kics-chatter__panel footer {
  color: #aeb1b5 !important;
  background: #0d0e10 !important;
  border-top-color: rgba(255, 196, 0, .20) !important;
}

.kics-chatter-inline button,
.kics-chatter-inline button *,
.kics-chatter-inline input[type="submit"] {
  color: #111 !important;
}

.kics-chatter-inline .kics-chatter__modes button:not(.is-active):not([aria-pressed="true"]),
.kics-chatter-inline .kics-chatter__quick button,
.kics-chatter-inline .kics-chatter__cancel {
  color: #111 !important;
  background: #e8eaec !important;
  border-color: rgba(17, 17, 17, .14) !important;
}

.kics-chatter-inline .kics-chatter__reset,
.kics-chatter-inline button[type="submit"] {
  color: #111 !important;
  background: #FFC400 !important;
  border-color: #FFC400 !important;
}

body.kics-light .kics-chatter-inline .kics-chatter__messages,
body.kics-light .kics-chatter-inline .kics-chatter__chat-mode,
body.kics-light .kics-chatter-inline .kics-chatter__contact,
body.kics-light .kics-chatter-inline .kics-chatter__quick,
body.kics-light .kics-chatter-inline .kics-chatter__chat-form {
  background: #f3f4f5 !important;
}

body.kics-light .kics-chatter-inline .kics-chatter__message,
body.kics-light .kics-chatter-inline .kics-chatter__captcha {
  color: #25272b !important;
  background: #fff !important;
  border-color: rgba(23, 24, 26, .14) !important;
}

body.kics-light .kics-chatter-inline .kics-chatter__panel footer {
  color: #555a61 !important;
  background: #f7f7f5 !important;
  border-top-color: rgba(23, 24, 26, .10) !important;
}


.kics-chatter-inline .kics-chatter__contact h3,
.kics-chatter-inline .kics-chatter__contact p,
.kics-chatter-inline .kics-chatter__consent {
  color: #ecece8 !important;
}

body.kics-light .kics-chatter-inline .kics-chatter__contact h3,
body.kics-light .kics-chatter-inline .kics-chatter__contact p,
body.kics-light .kics-chatter-inline .kics-chatter__consent {
  color: #282a2e !important;
}


.kics-chatter-inline .kics-chatter__session-status,
.kics-chatter-inline .kics-chatter__session-status * {
  color: #f7f7f4 !important;
}

body.kics-light .kics-chatter-inline .kics-chatter__session-status,
body.kics-light .kics-chatter-inline .kics-chatter__session-status * {
  color: #111 !important;
}

.kics-chatter-inline .kics-chatter--inline,
.kics-chatter-inline .kics-chatter__panel {
  height: min(575px, calc(100dvh - 28px)) !important;
}

.kics-chatter-inline .kics-chatter__contact {
  gap: 6px !important;
  padding: 14px !important;
}

.kics-chatter-inline .kics-chatter__contact > h3,
.kics-chatter-inline .kics-chatter__contact > p,
.kics-chatter-inline .kics-chatter__contact > input,
.kics-chatter-inline .kics-chatter__contact > textarea,
.kics-chatter-inline .kics-chatter__contact > label,
.kics-chatter-inline .kics-chatter__contact > div {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.kics-chatter-inline .kics-chatter__contact > p {
  margin-bottom: 4px !important;
}

.kics-chatter-inline .kics-chatter__contact > textarea {
  min-height: 82px !important;
}

.kics-chatter-inline .kics-chatter__consent,
.kics-chatter-inline .kics-chatter__captcha {
  margin-block: 3px !important;
}

@keyframes kics-chatter-hover {
  0%, 100% { transform: translate3d(-2px, 0, 0); }
  50% { transform: translate3d(3px, -8px, 0); }
}

@media (max-width: 600px) {
  .kics-chatter-inline .kics-chatter--inline,
  .kics-chatter-inline .kics-chatter__panel {
    height: min(560px, calc(100dvh - 18px)) !important;
  }
}


body.kics-light .kics-chatter-inline .kics-chatter__identity small,
body.kics-light .kics-chatter-inline .kics-chatter__identity strong {
  color: #111 !important;
}


.kics-chatter-inline .kics-chatter--inline:hover,
.kics-chatter-inline .kics-chatter--inline:focus-within {
  animation-play-state: paused;
}