.kb-titelbild{padding-block:var(--sp-6) 0}.kb-titelbild img{display:block;width:100%;height:auto;border-radius:var(--radius-md);box-shadow:0 30px 70px -35px #12294559}.kb-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5);padding-block:var(--sp-5);border-top:1px solid var(--grau-200);border-bottom:1px solid var(--grau-200)}.kb-strip>div span{display:block;margin-bottom:var(--sp-1)}.kb-strip>div strong{color:var(--nachtblau)}@media(max-width:760px){.kb-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.kb-strip{grid-template-columns:1fr}}.kb-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--sp-7);align-items:center}.kb-feature+.kb-feature{margin-top:var(--sp-8)}.kb-feature--invers .kb-feature__bild{order:-1}.kb-feature__text h3{font-size:clamp(1.35rem,2.4vw,1.75rem);color:var(--nachtblau);margin:var(--sp-2) 0 var(--sp-3);line-height:1.25}.kb-feature__text p{color:var(--grau-700)}.kb-feature__text ul{margin:var(--sp-3) 0 0;padding-left:1.15rem;color:var(--grau-700)}.kb-feature__text li{margin-bottom:.45rem}.kb-feature__text li strong{color:var(--nachtblau)}.kb-feature__bild{display:flex;justify-content:center}.kb-feature__bild img{display:block;height:auto;width:100%}.kb-feature__bild--iphone img{max-width:300px}.kb-feature__bild--ipad img{max-width:440px}.kb-zusatz{margin-top:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--weiss);border:1px solid var(--grau-200);border-left:3px solid var(--azurblau);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--grau-700)}.kb-zusatz strong{color:var(--nachtblau)}@media(max-width:860px){.kb-feature,.kb-feature--invers{grid-template-columns:1fr;gap:var(--sp-5)}.kb-feature--invers .kb-feature__bild{order:0}.kb-feature__bild--iphone img{max-width:240px}}.kb-mac{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);margin-top:var(--sp-6)}.kb-mac figure{margin:0}.kb-mac img{display:block;width:100%;height:auto}.kb-mac figcaption{margin-top:var(--sp-2);text-align:center;font-size:var(--fs-sm);color:var(--grau-500)}@media(max-width:760px){.kb-mac{grid-template-columns:1fr}}.kb-liste{columns:2;column-gap:var(--sp-7);padding-left:1.15rem;margin:0;color:var(--grau-700)}.kb-liste li{break-inside:avoid;margin-bottom:.6rem}@media(max-width:760px){.kb-liste{columns:1}}.kb-tabelle{width:100%;border-collapse:collapse;font-size:var(--fs-sm);background:var(--weiss);border:1px solid var(--grau-200);border-radius:var(--radius-md);overflow:hidden}.kb-tabelle th,.kb-tabelle td{text-align:left;vertical-align:top;padding:.85rem 1.1rem;border-bottom:1px solid var(--grau-200)}.kb-tabelle tr:last-child th,.kb-tabelle tr:last-child td{border-bottom:none}.kb-tabelle th{width:32%;color:var(--nachtblau);font-weight:700;background:var(--offwhite)}.kb-tabelle td{color:var(--grau-700)}.kb-demo{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--sp-7);align-items:start}.kb-demo__intro h2{margin-top:var(--sp-2)}.kb-demo__intro p{color:var(--grau-700)}.kb-demo .form{max-width:none}@media(max-width:860px){.kb-demo{grid-template-columns:1fr;gap:var(--sp-5)}}.kb-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);border:none;padding:0;margin:0}.kb-chips legend{font-weight:600;font-size:var(--fs-sm);color:var(--nachtblau);margin-bottom:.4rem;padding:0}.form .kb-chip{display:inline-flex;align-items:center;gap:.55rem;margin:0;padding:.6rem 1rem;border-radius:var(--radius-pill);background:var(--offwhite);font-weight:600;color:var(--nachtblau);cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.form .kb-chip:hover{background:var(--grau-100)}.form .kb-chip:has(input:checked){background:color-mix(in srgb,var(--nachtblau) 9%,var(--weiss))}.form .kb-chip input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;padding:0;margin:0;border:1.5px solid var(--grau-200);border-radius:5px;background:var(--weiss);box-shadow:none;display:grid;place-items:center;flex-shrink:0;cursor:pointer}.form .kb-chip input[type=checkbox]:checked{background:var(--himbeerrot-600);border-color:var(--himbeerrot-600)}.form .kb-chip input[type=checkbox]:checked:after{content:"";width:12px;height:12px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-size:contain;background-repeat:no-repeat}.form .kb-chip input[type=checkbox]:focus-visible{outline:3px solid var(--azurblau);outline-offset:2px}.kb-fehler{display:none;margin-top:.35rem;font-size:var(--fs-xs);font-weight:600;color:var(--himbeerrot-700)}.form input:user-invalid{border-color:var(--himbeerrot-600);background:color-mix(in srgb,var(--himbeerrot) 5%,var(--weiss))}.form input:user-invalid~.kb-fehler{display:block}.form .form__check:has(input:user-invalid){box-shadow:inset 0 0 0 1.5px var(--himbeerrot-600)}.form .form__check:has(input:user-invalid)+.kb-fehler{display:block}.kb-status{padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-sm);border-left:4px solid;font-size:var(--fs-sm);margin-bottom:var(--sp-5)}.kb-status strong{display:block;margin-bottom:.2rem}.kb-status--ok{border-left-color:#2f9e6a;background:color-mix(in srgb,#2f9e6a 8%,var(--weiss));color:var(--grau-800)}.kb-status--fehler{border-left-color:var(--himbeerrot-600);background:color-mix(in srgb,var(--himbeerrot) 7%,var(--weiss));color:var(--grau-800)}