/* Seitenregeln ki: weichen von der Basis ab. Erzeugt von build_css.py */
body.vt:where(.vt-ki) .ki-hero{padding: 56px 0 0;}
body.vt:where(.vt-ki) .ki-hero .ph-grid{align-items: start;}
body.vt:where(.vt-ki) .chips{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px;}
body.vt:where(.vt-ki) .chips span{display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 15px; font-weight: 600;}
body.vt:where(.vt-ki) .chips .ic{width: 16px; height: 16px; color: var(--acc);}
body.vt:where(.vt-ki) .ki-hero .ux{margin-top: 56px;}
body.vt:where(.vt-ki) .g4k{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px;}
body.vt:where(.vt-ki) .mcp{display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 48px; align-items: start;}
body.vt:where(.vt-ki) .mcp .ux{border-bottom: 1px solid #52667A; border-radius: 14px;}
body.vt:where(.vt-ki) .mcp ul{list-style: none; margin: 20px 0 0; padding: 0;}
body.vt:where(.vt-ki) .mcp li{display: flex; gap: 10px; padding: 6px 0; font-size: 17px;}
body.vt:where(.vt-ki) .mcp li .ic{width: 18px; height: 18px; margin-top: 3px; color: var(--acc); flex-shrink: 0;}
body.vt:where(.vt-ki) .comp{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;}
body.vt:where(.vt-ki) .prov{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center;}
@media (max-width: 1100px){
body.vt:where(.vt-ki) .g4k{grid-template-columns: repeat(2, minmax(0, 1fr));}
body.vt:where(.vt-ki) .mcp,
body.vt:where(.vt-ki) .comp,
body.vt:where(.vt-ki) .prov{grid-template-columns: minmax(0, 1fr);}
}
@media (max-width: 720px){
body.vt:where(.vt-ki) .g4k{grid-template-columns: minmax(0, 1fr);}
}