.k330{background:#fff;border-bottom:1px solid #dce3ed}
.k330-leiste{background:#0c1f44;display:flex;justify-content:center;align-items:center;gap:32px;padding:6px 24px;min-height:56px}
.k330-reiter{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:8px}
.k330-reiter a,.k330-service a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 15px;border-radius:4px;color:#fff;font:700 14px/1.2 "DM Sans",Arial,sans-serif;text-decoration:none;white-space:nowrap}
.k330-reiter a[aria-current]{background:#fff;color:#0755db}
.k330-reiter a:not([aria-current]):hover,.k330-service a:hover{background:rgba(255,255,255,.12)}
.k330-reiter svg,.k330-service svg{width:22px;height:22px;flex:none}
.k330-service{display:flex;gap:4px}
.k330-service a{font-weight:500}
.k330-kurz{display:none}
.k330-marke{max-width:1280px;margin:0 auto;padding:10px 24px}
.k330-marke{display:flex;align-items:center;justify-content:space-between}
.k330-marke img{display:block;height:40px;width:auto}
.k330-menue{display:none;background:#fff;color:#0c1f44;border:1px solid #dce3ed;border-radius:8px;min-height:44px;padding:8px 16px;font:600 15px/1 "DM Sans",Arial,sans-serif}
.vs .tc-powered{display:block;font-weight:600}
@media (max-width:760px){
.k330-leiste{justify-content:flex-start;gap:12px;padding:6px 12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.k330-leiste::-webkit-scrollbar{display:none}
.k330-reiter{grid-template-columns:repeat(3,auto);gap:6px}
.k330-reiter a{scroll-snap-align:start;padding:8px 12px}
.k330-lang{display:none}.k330-kurz{display:inline}
.k330-service span{display:none}
.k330-marke{padding:8px 16px}.k330-marke img{height:32px}
}
@media (max-width:760px){.k330-menue{display:block}}
.vs .tc-laden{display:grid;justify-items:center;align-content:center;gap:16px;min-height:360px;padding:32px 24px;border:1px dashed #b8c4d6;border-radius:12px;background:#f3f6fb;text-align:center}
.vs .tc-laden p{max-width:560px;margin:0;color:#5b6980;font-size:15px;line-height:1.55}
.vs .tc-laden p strong{display:block;margin-bottom:6px;color:#0c1f44;font-size:18px}
.vs .tc-laden-knopf{min-height:48px;padding:12px 28px;border:0;border-radius:10px;background:#075fff;color:#fff;font:700 16px/1 "DM Sans",Arial,sans-serif;cursor:pointer}
.vs .tc-merken{display:flex;align-items:center;gap:8px;color:#5b6980;font-size:14px;min-height:44px}
.vs .tc-aus{margin-top:12px;border:0;background:none;color:#5b6980;text-decoration:underline;font:500 13px/1.4 "DM Sans",Arial,sans-serif;cursor:pointer;min-height:44px}
.vs .tc-merken input{width:20px;height:20px;margin:0;flex:none;accent-color:#075fff}
.vs .tc-rechner:has(.tc-laden){min-height:0}
.k330-leiste{justify-content:space-between;max-width:none;padding:6px max(24px,calc((100% - 1280px)/2))}
.k330-reiter.k330-icons{display:flex;gap:6px}
.k330-reiter.k330-icons a{gap:10px;height:48px;min-height:48px;padding:0 14px 0 6px;border-radius:14px;color:rgba(255,255,255,.72);font:600 15px/1 "DM Sans",Arial,sans-serif;background:none;transition:background .2s,color .2s;touch-action:manipulation}
.k330-icons .k330-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .2s}
.k330-icons .k330-ic svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.k330-icons .k330-s .k330-ic{background:linear-gradient(145deg,#ffa23a,#ff7a00)}
.k330-icons .k330-r .k330-ic{background:linear-gradient(145deg,#3d8bff,#0755db)}
.k330-icons .k330-v .k330-ic{background:linear-gradient(145deg,#2fcf8f,#0f9d63)}
.k330-icons a:not([aria-current]) .k330-ic{filter:saturate(.55) brightness(.85)}
.k330-reiter.k330-icons a:hover{color:#fff;background:rgba(255,255,255,.06)}
.k330-icons a:hover .k330-ic{filter:none;transform:translateY(-1px)}
.k330-reiter.k330-icons a[aria-current]{color:#fff;background:rgba(255,255,255,.1)}
@media (max-width:760px){
.k330-leiste{padding:3px 8px}
.k330-reiter.k330-icons{width:100%;justify-content:space-around;gap:4px}
.k330-reiter.k330-icons a{flex:1 1 0;max-width:110px;flex-direction:column;justify-content:center;gap:3px;height:54px;padding:4px 0;border-radius:12px;font-size:11px}
.k330-icons .k330-ic{width:30px;height:30px;border-radius:9px}.k330-icons .k330-ic svg{width:17px;height:17px}
}