.karte-page-bg{--brand:#2792c3;--ink:#222;--text:#333;--muted:#6b7280;--paper:#f9f9f6;--line:#e6edf2;--accent:#0f5e80;--shadow:0 8px 24px #0000000f;--radius:14px;background:var(--paper)}.karte-page{color:var(--text);margin:0;padding:0;line-height:1.75}.karte-page h2,.karte-page h3{color:var(--ink);line-height:1.35}.karte-page h2{text-align:center;margin:48px 0 8px;font-size:clamp(22px,3.2vw,32px)}.karte-page h3{margin:0 0 6px;font-size:clamp(18px,2.4vw,22px)}.karte-page p{margin:0 0 14px}.karte-page .wrap{max-width:1120px;margin:0 auto;padding:clamp(18px,3vw,36px)}.karte-page .lead{color:#555;text-align:center;font-size:clamp(15px,1.9vw,18px)}.karte-page .hero{position:relative;overflow:hidden}.karte-page .hero .panel{background:radial-gradient(1200px 1200px at -15% -10%, #2792c32e, transparent 60%), radial-gradient(1200px 1200px at 115% -10%, #2792c324, transparent 60%), var(--paper);box-shadow:var(--shadow);text-align:center;border-radius:24px;padding:clamp(28px,4vw,56px)}.karte-page .hero .sub{color:#333;margin-top:6px;font-size:clamp(18px,2vw,20px)}.karte-page .badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.karte-page .badge{color:#24698a;background:#fff;border:1px solid #cfe6f1;border-radius:999px;padding:6px 10px;font-size:15px}.karte-page .cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.karte-page .btn{border-radius:10px;padding:14px 22px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-block;box-shadow:0 2px #0000000d}.karte-page .btn.primary{background:var(--brand);color:#fff}.karte-page .btn.primary:hover{filter:brightness(1.05)}.karte-page .btn.outline{border:1px solid var(--brand);color:var(--brand);background:#fff}.karte-page .btn.outline:hover{background:#f3fbff}.karte-page section{scroll-margin-top:72px}.karte-page .section-note{text-align:center;margin-top:8px;font-size:16px}.karte-page .problem h2{text-align:center}.karte-page .problem .lead{max-width:900px;margin:0 auto 18px}.karte-page .ring{aspect-ratio:1;border:2px dashed #d5e8f3;border-radius:9999px;max-width:760px;margin:24px auto 8px;position:relative}.karte-page .ring .center{background:var(--brand);color:#fff;text-align:center;width:min(56%,360px);box-shadow:var(--shadow);border-radius:999px;padding:28px 24px;line-height:1.6;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.karte-page .ring .center small{opacity:.9;margin-top:2px;display:block}.karte-page .ring .orbit{color:var(--brand);border:2px solid var(--brand);box-shadow:var(--shadow);text-align:center;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:200px;max-width:300px;min-height:60px;padding:14px 18px;font-size:14px;line-height:1.55;display:flex;position:absolute}.karte-page .ring .orbit.long{min-width:200px;max-width:320px;padding:14px 18px;font-size:13.5px;line-height:1.6}.karte-page .o1{top:0%;left:50%;transform:translate(-50%)}.karte-page .o2{top:18%;left:82%;transform:translate(-50%,-50%)}.karte-page .o3{top:42%;left:96%;transform:translate(-50%,-50%)}.karte-page .o4{top:72%;left:90%;transform:translate(-50%,-50%)}.karte-page .o5{top:93%;left:65%;transform:translate(-50%,-100%)}.karte-page .o6{top:93%;left:35%;transform:translate(-50%,-100%)}.karte-page .o7{top:72%;left:10%;transform:translate(-50%,-50%)}.karte-page .o8{top:42%;left:4%;transform:translate(-50%,-50%)}.karte-page .o9{top:18%;left:18%;transform:translate(-50%,-50%)}.karte-page .benefit-chain{color:var(--brand);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:6px auto 32px;font-size:24px;font-weight:700;display:flex}.karte-page .benefit-chain .arrow{opacity:.55}.karte-page .benefit-badges{max-width:600px;margin:12px auto 0;display:block}.karte-page .badge-card{border-left:6px solid var(--brand);box-shadow:var(--shadow);background:#fff;border-radius:10px;margin:10px 0;padding:14px 32px}.karte-page .concept .grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:10px;display:grid}.karte-page .card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:20px}.karte-page .layers .grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.karte-page .layers .card h3{color:var(--brand)}.karte-page ul.clean{margin:10px 0 0;padding-left:18px}.karte-page .security .cols{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:10px;display:grid}.karte-page .pill{color:#134b66;background:#fff;border:1px solid #dbeef7;border-radius:999px;padding:10px 14px}.karte-page .before-after{border-collapse:collapse;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:#fff;overflow:hidden}.karte-page .before-after th,.karte-page .before-after td{border:1px solid var(--line);text-align:center;padding:12px 10px}.karte-page .before-after th{color:#0f3447;background:#e9f4fb}.karte-page .roi{text-align:center;color:var(--accent);margin-top:8px;font-weight:700}.karte-page .table{border-collapse:collapse;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:#fff;overflow:hidden}.karte-page .table th,.karte-page .table td{border:1px solid var(--line);text-align:center;vertical-align:top;padding:12px 10px}.karte-page .table thead th{background:var(--brand);color:#fff}.karte-page .note{color:var(--muted);margin-top:8px;font-size:12px}.karte-page .table.alt thead th{color:#123b4f;background:#dbeff8}.karte-page .road{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.karte-page .step{border-left:6px solid var(--brand);box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:16px}.karte-page .step h3{margin:0 0 6px}.karte-page .consult .grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.karte-page .quotes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.karte-page .quote{box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:16px;font-size:15px}.karte-page .voices .cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.karte-page .voice-card{box-shadow:var(--shadow);background:#fff;border-radius:14px;transition:transform .15s,box-shadow .15s;overflow:hidden}.karte-page .voice-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000014}.karte-page .voice-card a{color:inherit;height:100%;text-decoration:none;display:block}.karte-page .voice-card p{margin-top:0}.karte-page .voice-thumb{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line);width:100%;display:block}.karte-page .voice-body{padding:14px 16px}.karte-page .voice-logo{color:#547788;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.karte-page .voice-title{color:var(--ink);margin:6px 0 8px;font-size:clamp(16px,2vw,20px);font-weight:800;line-height:1.45}.karte-page .voice-lead{color:#5b6770;font-size:14px}.karte-page .voice-chip{color:#0f5e80;background:#eef7fc;border-radius:999px;padding:6px 10px;font-size:12px;position:absolute;top:10px;right:10px}.karte-page .voice-card .thumb-wrap{position:relative}.karte-page .voices .more{text-align:center;margin-top:18px}.karte-page .voices .more .btn{padding:12px 20px}.karte-page details{box-shadow:var(--shadow);background:#fff;border-radius:10px;margin:10px 0;padding:12px 14px}.karte-page summary{cursor:pointer;font-weight:700}.karte-page .closing{text-align:center}.karte-page .hr{background:var(--line);height:1px;margin:28px 0}.karte-page{max-width:100%;overflow-x:hidden}.karte-page img,.karte-page video{max-width:100%;height:auto;display:block}.karte-page *,.karte-page :before,.karte-page :after{box-sizing:border-box}@media (width<=760px){.karte-page .ring{overflow:hidden}.karte-page .ring .center{width:92%}.karte-page .ring .orbit{white-space:normal;overflow-wrap:anywhere;min-width:auto;max-width:92%;margin:8px auto;display:block;position:static}}.karte-page .table,.karte-page .before-after{width:100%;display:table}@media (width<=760px){.karte-page .table,.karte-page .before-after{-webkit-overflow-scrolling:touch;white-space:nowrap;border-radius:12px;display:block;overflow-x:auto}.karte-page .table th,.karte-page .table td,.karte-page .before-after th,.karte-page .before-after td{white-space:nowrap}}.karte-page .badges,.karte-page .cta{overflow:hidden}.karte-page .btn{max-width:100%}.karte-page .voice-title,.karte-page .voice-lead{overflow-wrap:anywhere;word-break:break-word}@media (width<=760px){.karte-page{max-width:100%;overflow-x:hidden}.karte-page .wrap{padding:max(14px,3vw)}.karte-page .hero .panel{padding:max(20px,4vw)}.karte-page .ring{aspect-ratio:auto;border:none;width:100%;max-width:640px;margin:16px auto 8px;padding:4px 0;overflow:hidden}.karte-page .ring .center{width:auto;margin:0 auto 10px;position:static;inset:auto;transform:none}.karte-page .ring .orbit{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%;margin:8px auto;position:static!important;top:auto!important;left:auto!important;transform:none!important}.karte-page .ring .orbit.long{min-width:0;max-width:100%}.karte-page .benefit-chain{gap:8px;font-size:18px}.karte-page .table,.karte-page .before-after{-webkit-overflow-scrolling:touch;white-space:nowrap;border-radius:12px;display:block;overflow-x:auto}.karte-page .table th,.karte-page .table td,.karte-page .before-after th,.karte-page .before-after td{white-space:nowrap}.karte-page img,.karte-page video{max-width:100%;height:auto;display:block}.karte-page .badges,.karte-page .cta{overflow:hidden}.karte-page .btn{max-width:100%}.karte-page .voice-title,.karte-page .voice-lead{overflow-wrap:anywhere;word-break:break-word}}