/* Komplettpaket – IT Langschwert */
.itlkp{--d:#092F5D;--b:#0E7CE7;--g:#DBB75F;display:flex;flex-direction:column;gap:18px;margin:0 0 22px}
.itlkp-group{border:0;margin:0;padding:0;min-width:0}
.itlkp-group legend{font-family:Poppins,sans-serif;font-weight:800;color:var(--d);font-size:16px;margin:0 0 8px;padding:0}
.itlkp-group legend small{font-weight:600;color:var(--b);font-size:13px}
.itlkp-opts{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px}
.itlkp-opt{position:relative;cursor:pointer;margin:0}
.itlkp-opt input{position:absolute;opacity:0;pointer-events:none}
.itlkp-card{display:flex;flex-direction:column;gap:2px;height:100%;padding:12px 14px;border:2px solid #cfdbe7;border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.itlkp-opt:hover .itlkp-card{border-color:var(--b)}
.itlkp-opt.is-on .itlkp-card,.itlkp-opt input:checked+.itlkp-card{border:3px solid var(--d);box-shadow:4px 4px 0 var(--d);background:#F3F9FE;padding:11px 13px}
.itlkp-card b{color:var(--d);font-size:15px;line-height:1.3}
.itlkp-card em{font-style:normal;font-weight:800;color:var(--d);font-size:15px}
.itlkp-card s{color:#8a94a0;font-size:12px}
.itlkp-card small{color:#5b6773;font-size:12px;line-height:1.35;margin-top:4px}
.itlkp-card i{position:absolute;top:-9px;right:10px;font-style:normal;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:var(--g);color:var(--d);padding:2px 8px;border-radius:6px}
.itlkp-card i.up{background:#e3f0fd;color:var(--b)}
.itlkp-sum{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;background:var(--d);border-radius:16px;padding:16px;color:#fff}
.itlkp-sum div{display:flex;flex-direction:column;gap:2px}
.itlkp-sum span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#BFE0FF;font-weight:700}
.itlkp-sum b{font-family:Poppins,sans-serif;font-size:22px;font-weight:800;line-height:1.2}
.itlkp-sum s,.itlkp-sum small{font-size:12px;color:#BFE0FF}
.itlkp-save b{color:var(--g)}
.itlkp-note{margin:0!important;font-size:12px;color:#5b6773}
.itlkp-from{font-weight:800}
.itlkp-per{color:#5b6773}
/* Warenkorb / Kasse */
tr.itlkp-head td,li.itlkp-head{background:#F3F9FE}
tr.itlkp-head .product-name>a,tr.itlkp-head .product-name{font-weight:800}
tr.itlkp-child .product-name,li.itlkp-child{padding-left:28px!important;position:relative}
tr.itlkp-child .product-name:before{content:"↳";position:absolute;left:10px;color:#0E7CE7;font-weight:800}
.itlkp-tag{display:inline-block;background:#DBB75F;color:#092F5D;font-weight:800;font-size:12px;padding:2px 10px;border-radius:6px}
@media(max-width:700px){.itlkp-opts{grid-template-columns:1fr}.itlkp-sum{grid-template-columns:1fr}}

/* Produktseite: Grafik + Kacheln + Ablauf */
.itlkp-hero-graphic{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:26px;background:#F3F9FE;border:3px solid #092F5D;border-radius:24px;box-shadow:8px 8px 0 #092F5D}
.itlkp-hg{display:flex;flex-direction:column;align-items:center;gap:8px;width:108px;text-align:center}
.itlkp-hg span{width:78px;height:78px;border-radius:22px;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #092F5D;box-shadow:3px 3px 0 #092F5D}
.itlkp-hg:nth-child(odd) span{transform:rotate(-5deg)}.itlkp-hg:nth-child(4n+3) span{transform:rotate(4deg)}
.itlkp-hg b{font-family:Poppins,sans-serif;font-size:14px;color:#092F5D;line-height:1.2}
.itlkp-hero-graphic>em{font-style:normal;font-weight:800;font-size:26px;color:#0E7CE7;margin-top:-26px}
.itlkp-hg-eq{flex-basis:100%;text-align:center;font-family:Poppins,sans-serif;font-weight:800;font-size:22px;color:#092F5D;margin-top:6px}
.itlkp-hg-eq b{display:inline-block;background:#DBB75F;padding:4px 16px;border-radius:12px;border:3px solid #092F5D;box-shadow:3px 3px 0 #092F5D;transform:rotate(-3deg)}
.itlkp-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.itlkp-tile{background:#fff;border:3px solid #092F5D;border-radius:20px;box-shadow:6px 6px 0 #092F5D;padding:22px;position:relative;overflow:hidden}
.itlkp-tile:before{content:"";position:absolute;inset:0 0 auto 0;height:8px;background:var(--c)}
.itlkp-tile span{display:inline-flex;width:62px;height:62px;border-radius:18px;background:var(--c);color:#fff;align-items:center;justify-content:center;border:3px solid #092F5D;margin:6px 0 10px}
.itlkp-tile b{display:block;font-family:Poppins,sans-serif;font-size:18px;color:#092F5D}
.itlkp-tile p{margin:6px 0 0;color:#3d4752;font-size:15px;line-height:1.5}
.itlkp-steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0;padding:0}
.itlkp-steps li{counter-increment:s;background:#F3F9FE;border-radius:16px;padding:18px 18px 18px 18px;position:relative}
.itlkp-steps li:before{content:counter(s);display:flex;width:38px;height:38px;border-radius:50%;background:#0E7CE7;color:#fff;font-weight:800;align-items:center;justify-content:center;font-family:Poppins,sans-serif;margin-bottom:10px;box-shadow:2px 2px 0 #092F5D}
.itlkp-steps b{display:block;color:#092F5D;font-size:16px}
.itlkp-steps span{display:block;color:#3d4752;font-size:14px;line-height:1.5;margin-top:4px}
@media(max-width:1000px){.itlkp-tiles,.itlkp-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.itlkp-tiles,.itlkp-steps{grid-template-columns:1fr}.itlkp-hg{width:86px}.itlkp-hg span{width:62px;height:62px}}

.itlkp-sum small em{font-style:normal;color:#DBB75F;font-weight:800}
.itlkp-sum-b{border-left:1px solid rgba(191,224,255,.35);padding-left:14px}
.itlkp-next-parts{color:#fff!important;font-weight:600}
@media(max-width:700px){.itlkp-sum-b{border-left:0;padding-left:0;border-top:1px solid rgba(191,224,255,.35);padding-top:10px}}

.itlkp-hg[style*="DBB75F"] span,.itlkp-tile[style*="DBB75F"] span{color:#092F5D}

/* 1.2.0 Zahlweise jährlich / monatlich */
.itlkp-pay{border:0;margin:0 0 22px;padding:0}
.itlkp-pay legend{font-family:Poppins,sans-serif;font-weight:800;color:#092F5D;font-size:17px;margin-bottom:10px}
.itlkp-pay-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#F3F9FE;border:3px solid #092F5D;border-radius:18px;padding:6px}
.itlkp-pay-opts label{cursor:pointer;margin:0}
.itlkp-pay-opts input{position:absolute;opacity:0;pointer-events:none}
.itlkp-pay-opts span{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 10px;border-radius:13px;transition:background .2s,color .2s}
.itlkp-pay-opts b{font-size:17px;color:#092F5D}
.itlkp-pay-opts em{font-style:normal;font-size:13px;color:#5b6773}
.itlkp-pay-opts label.is-on span{background:#092F5D;box-shadow:3px 3px 0 #DBB75F}
.itlkp-pay-opts label.is-on b{color:#fff}.itlkp-pay-opts label.is-on em{color:#DBB75F;font-weight:700}
.itlkp-pay-opts input:focus-visible+span{outline:3px solid #0E7CE7;outline-offset:2px}
.itlkp-msum{background:#092F5D;color:#fff;border-radius:18px;padding:8px 20px;margin-top:6px}
.itlkp-msum-row{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(191,224,255,.25)}
.itlkp-msum-row span{font-weight:700;color:#BFE0FF;font-size:14px}
.itlkp-msum-row small{display:block;color:#fff;opacity:.85;font-size:13px;line-height:1.4}
.itlkp-msum-row b{font-family:Poppins,sans-serif;font-size:22px;font-weight:800;white-space:nowrap}
.itlkp-msum-row.is-month b{color:#DBB75F;font-size:26px}
.itlkp-msum-ico{display:flex!important;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:rgba(191,224,255,.15);color:#fff!important;font-family:Poppins,sans-serif;font-size:13px!important}
.itlkp-msum-row.is-month .itlkp-msum-ico{background:#DBB75F;color:#092F5D!important}
.itlkp-msum-row.is-dom{border-bottom:0}
.itlkp-msum-row.is-dom b{font-size:17px}
.itlkp-msum-tip{margin:0 0 10px;padding:10px 14px;background:rgba(219,183,95,.16);border-radius:12px;font-size:14px;color:#fff}
.itlkp-msum-tip b{color:#DBB75F}
@media(max-width:600px){.itlkp-pay-opts{grid-template-columns:1fr 1fr}.itlkp-pay-opts em{font-size:12px}.itlkp-msum{padding:6px 14px}.itlkp-msum-row{grid-template-columns:44px 1fr;row-gap:4px}.itlkp-msum-ico{width:44px;height:44px}.itlkp-msum-row b{grid-column:2}}