/* KapFixIT Unterseiten 2026 */
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/kfx26/fonts/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/kfx26/fonts/archivo-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kfx26/fonts/jetbrains-mono-400.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/kfx26/fonts/jetbrains-mono-600.woff2) format('woff2')}
body{margin:0;background:#0E0D0B;color:#F3EEE6;font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--text,#F3EEE6)}a:hover{color:var(--hover,#FFC3A4)}
body{margin:0;background:#101215;font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--text,#EEF1F4)}a:hover{color:var(--hover,#A9E1FA)}
.welt-pruef{--grund:#101215;--grund-rgb:16,18,21;--karte:#181B20;--linie:#2A2F37;--linie2:#434A55;--text:#EEF1F4;--text2:#C5CBD3;--leise:#97A0AC;--akzent:#67C7F4;--auf-akzent:#0B0D10;--ok:#8FE3B0;--hover:#A9E1FA}
.welt-tag{--grund:#F2EDE4;--grund-rgb:242,237,228;--karte:#FFFFFF;--linie:#DDD4C6;--linie2:#BDB2A2;--text:#141210;--text2:#3D3731;--leise:#6B6258;--akzent:#5A41C0;--auf-akzent:#FFFFFF;--ok:#1F7A45;--hover:#3E2A9A}
.p-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.p-nav{display:flex}
.p-h1{font-size:76px}
.p-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.p-foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.p-callbar{display:none}
.p-card{transition:border-color .2s ease,transform .2s ease}.p-card:hover{border-color:var(--akzent)!important;transform:translateY(-2px)}
.p-call{transition:border-color .2s ease}.p-call-icon{color:var(--akzent)}
.p-call:hover,.p-call:focus-visible{border-color:var(--akzent);animation:pPuls 1.3s ease-out infinite}
@keyframes pPuls{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--akzent) 55%,transparent)}75%{box-shadow:0 0 0 12px color-mix(in srgb,var(--akzent) 0%,transparent)}100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--akzent) 0%,transparent)}}
.p-star{transform-box:fill-box;transform-origin:center;animation:pStern 6s ease-in-out infinite}
@keyframes pStern{0%{fill:#67C7F4;transform:rotate(-10deg) scale(.88)}25%{fill:#4E7DD6;transform:rotate(8deg) scale(1.18)}50%{fill:#5A41C0;transform:rotate(-6deg) scale(.95)}75%{fill:#AB34CE;transform:rotate(10deg) scale(1.15)}100%{fill:#67C7F4;transform:rotate(-10deg) scale(.88)}}
.p-rate{animation:pRate 3.2s ease-out infinite}
@keyframes pRate{0%{box-shadow:0 0 0 0 rgba(90,65,192,0.5);border-color:#5A41C0}60%{box-shadow:0 0 0 9px rgba(90,65,192,0);border-color:var(--linie)}100%{box-shadow:0 0 0 0 rgba(90,65,192,0);border-color:var(--linie)}}
@media (prefers-reduced-motion: reduce){.p-call:hover,.p-call:focus-visible,.p-rate{animation:none}.p-star{animation:none;fill:#5A41C0}.p-card:hover{transform:none}}
@media (max-width:900px){.p-nav{display:none}.p-hide-sm{display:none}.p-3{grid-template-columns:minmax(0,1fr)}.p-h1{font-size:44px}.p-wrap{padding:0 18px}.p-foot{grid-template-columns:repeat(2,minmax(0,1fr))}.p-callbar{display:flex}.p-fuss{padding-bottom:84px}}
.p-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.p-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.p-art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.p-aside{position:sticky;top:110px}
.p-prose h2{font-size:30px;line-height:1.1;font-weight:800;font-stretch:112%;margin:46px 0 0;scroll-margin-top:110px}
.p-prose p{font-size:18px;line-height:1.7;color:var(--text2);margin:14px 0 0}
.p-eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--akzent)}
.p-h2{font-size:46px;line-height:1;font-weight:800;font-stretch:115%;letter-spacing:-0.02em;margin:12px 0 0}
.p-faq details{border-top:1px solid var(--linie);padding:4px 0}
.p-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:56px;font-weight:700;font-size:18px}
.p-faq summary::-webkit-details-marker{display:none}
.p-faq summary::after{content:'+';font-family:'JetBrains Mono',monospace;color:var(--akzent);font-size:22px}
.p-faq details[open] summary::after{content:'\2212'}
.p-faq p{margin:0 0 18px;color:var(--text2);font-size:17px;line-height:1.6;max-width:760px}
@media (max-width:900px){.p-2,.p-4{grid-template-columns:minmax(0,1fr)}.p-art{grid-template-columns:minmax(0,1fr);gap:32px}.p-aside{position:static}.p-h2{font-size:34px}.p-prose h2{font-size:25px}}
.p-wa{border-color:#25D366!important;animation:pWaPuls 2.4s ease-in infinite,pWaWackel 4s ease-in-out infinite}.p-wa:hover,.p-wa:focus-visible{background:rgba(37,211,102,0.14)}@keyframes pWaPuls{0%{box-shadow:inset 0 0 0 0 rgba(37,211,102,0)}35%{box-shadow:inset 0 0 0 1px rgba(37,211,102,0.6),inset 0 0 10px 2px rgba(37,211,102,0.45)}100%{box-shadow:inset 0 0 0 0 rgba(37,211,102,0),inset 0 0 26px 14px rgba(37,211,102,0)}}@keyframes pWaWackel{0%,72%,100%{transform:rotate(0)}75%{transform:rotate(-3deg)}78%{transform:rotate(3deg)}81%{transform:rotate(-2.5deg)}84%{transform:rotate(2deg)}87%{transform:rotate(-1deg)}90%{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.p-wa{animation:none}}

html{scroll-padding-top:96px}
.kfx-skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--akzent);color:var(--auf-akzent);padding:10px 16px;border-radius:6px;font-weight:700;text-decoration:none}.kfx-skip:focus{top:12px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--akzent);outline-offset:3px}
[hidden]{display:none!important}
[data-zeige-hell]{display:none}.welt-tag [data-zeige-hell]{display:contents}.welt-tag [data-zeige-dunkel]{display:none}
.p-chip{min-height:40px;padding:0 16px;border-radius:999px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;background:transparent;color:var(--text);border:1px solid var(--linie)}
.p-chip[aria-pressed="true"]{background:var(--akzent);color:var(--auf-akzent);border-color:var(--akzent)}
