/* OKNXT Unterseite Sicherheit & DSGVO (Präfix sx-). Hell und dunkel im Wechsel. --w und --dreh sind seitenweit Winkel, hier nicht verwenden. */

.sx-hell{--h-grund:#F2F4F9;--h-linie:#E2E7F1;--h-text:#161B2E;--h-text-2:#667089;--h-text-3:#98A1B5;--sx-f1:#fff;--sx-f2:#F7F8FB;--sx-blass:#E6EEFF;--sx-blau-t:#2F6BFF;--sx-gruen-bg:#E3F7EF;--sx-gruen-t:#0E7A5A;color:var(--h-text)}
.sx-dunkel{--h-grund:var(--panel);--h-linie:rgba(255,255,255,.09);--h-text:#F6F4EE;--h-text-2:#A7AAB6;--h-text-3:#6F7281;--sx-f1:#161A24;--sx-f2:#1C2130;--sx-blass:rgba(110,140,255,.14);--sx-blau-t:#8FA4FF;--sx-gruen-bg:rgba(74,222,154,.12);--sx-gruen-t:#4ADE9A}
.sx-seite-wrap img{height:auto;max-width:none}
.sx-hell svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sx-hell svg.sx-de{stroke:none}
.sx-mand,.sx-rol,.sx-su-k,.sx-ticket{background:var(--h-grund);border:1px solid rgba(255,255,255,.55);box-shadow:0 50px 100px -40px rgba(0,0,0,.95),0 0 0 1px rgba(143,164,255,.3),0 0 110px -30px rgba(47,107,255,.55)}
.sx-ho,.sx-ds{background:var(--panel);border:1px solid var(--linie);box-shadow:var(--schatten)}
.sx-box{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:15px;background:var(--sx-f1);border:1px solid var(--h-linie)}
.sx-box>b{display:flex;align-items:center;gap:8px;font-size:.92rem;color:var(--h-text)}.sx-box>b svg{width:16px;height:16px;color:var(--sx-blau-t)}
.sx-box>small{font-size:.76rem;line-height:1.5;color:var(--h-text-2)}
@keyframes sx-glanz{0%{box-shadow:0 0 0 2px #5CCBFF,0 0 40px rgba(92,203,255,.7)}100%{box-shadow:0 0 0 0 transparent}}

/* ---------- Einstieg: Schutzschild ---------- */
.sx-start{position:relative;padding:clamp(28px,5vh,64px) var(--seitenrand) 0}
.sx-start-innen{max-width:var(--ab-breite);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;min-height:calc(100svh - var(--oben-hoehe,100px) - 40px)}
.sx-start .h1{max-width:none;font-size:clamp(2.1rem,3.5vw,3.4rem)}
.sx-zus,.sx-start .h1 .leuchtwort{white-space:nowrap}
.sx-start .unterzeile{max-width:44ch}
.sx-fakten{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sx-fakten li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:.84rem;color:var(--text-2);border:1px solid var(--linie-stark);background:color-mix(in srgb,var(--panel) 80%,transparent)}
.sx-fakten li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--verlauf);box-shadow:0 0 8px rgba(47,107,255,.8)}
.sx-start .einstieg-aktionen{display:flex;margin-top:30px}
.sx-buehne{position:relative;display:grid;place-items:center;min-height:480px}
.sx-schild{position:relative;width:min(100%,480px);aspect-ratio:1}
.sx-ring{position:absolute;left:50%;top:50%;width:calc(36% + var(--n) * 11%);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.6);opacity:0;
  border:1.5px solid rgba(92,160,255,calc(.6 - var(--n) * .07));box-shadow:inset 0 0 40px rgba(47,107,255,calc(.18 - var(--n) * .02));transition:transform 1s cubic-bezier(.22,1.2,.36,1) calc(var(--n) * .35s + .3s),opacity .6s calc(var(--n) * .35s + .3s)}
.sx-ring::after{content:"";position:absolute;inset:-1.5px;border-radius:50%;border:1.5px solid transparent;border-top-color:#5CCBFF;animation:sx-dreh calc(6s + var(--n) * 2s) linear infinite;opacity:.8}
@keyframes sx-dreh{to{transform:rotate(360deg)}}
.sx-buehne.sx-los .sx-ring{transform:translate(-50%,-50%);opacity:1}
.sx-kern{position:absolute;left:50%;top:50%;z-index:2;width:44%;transform:translate(-50%,-50%);display:grid;gap:8px;padding:10px;border-radius:16px;background:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 60px -10px rgba(47,107,255,.7)}
.sx-kern img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px}
.sx-kern span{display:grid;gap:2px;padding:0 4px 2px}
.sx-kern small{font:600 .6rem/1 "JetBrains Mono",monospace;color:#2F6BFF;letter-spacing:.08em}.sx-kern b{font-size:.84rem}
.sx-kern em{display:inline-flex;align-items:center;gap:4px;justify-self:start;margin-top:3px;padding:3px 8px;border-radius:999px;background:#E3F7EF;color:#0E7A5A;font-style:normal;font-size:.66rem;font-weight:700}
.sx-kern em svg{width:11px;height:11px}
.sx-etikett{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(13,16,26,.9);border:1px solid rgba(143,164,255,.35);color:var(--text);font-size:.74rem;white-space:nowrap;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.9);opacity:0;transform:scale(.7);transition:opacity .5s calc(var(--n) * .35s + .7s),transform .6s cubic-bezier(.34,1.56,.64,1) calc(var(--n) * .35s + .7s)}
.sx-etikett svg{width:13px;height:13px;padding:2px;border-radius:50%;background:#16A36A;color:#fff;fill:none;stroke:#fff;stroke-width:3}
.sx-buehne.sx-los .sx-etikett{opacity:1;transform:none}
.sx-etikett:nth-of-type(1){left:2%;top:10%}.sx-etikett:nth-of-type(2){right:0;top:16%}.sx-etikett:nth-of-type(3){left:-4%;top:46%}
.sx-etikett:nth-of-type(4){right:-6%;top:52%}.sx-etikett:nth-of-type(5){left:4%;bottom:10%}.sx-etikett:nth-of-type(6){right:2%;bottom:6%}

/* ---------- 1 · Hosting (dunkel) ---------- */
.sx-ho-huelle{max-width:1080px;margin:0 auto}
.sx-ho{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;padding:18px;border-radius:22px;align-items:center}
.sx-ho-karte{position:relative;display:grid;justify-items:center;gap:12px}
.sx-de{width:min(100%,300px);height:auto;overflow:visible}
.sx-de-flaeche{fill:rgba(47,107,255,.06)}
.sx-de-punkte{opacity:0;transition:opacity 1.4s .6s}.sx-ho.da .sx-de-punkte{opacity:.55}
.sx-de-rand{fill:none;stroke:#5C8CFF;stroke-width:1;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:var(--ro,1);transition:stroke-dashoffset 2.2s cubic-bezier(.65,0,.35,1);filter:drop-shadow(0 0 6px rgba(92,140,255,.7))}
.sx-ho.da .sx-de-rand{--ro:0}
.sx-p1{fill:#fff}.sx-p2{fill:rgba(92,203,255,.5)}.sx-p3{fill:rgba(92,203,255,.2);transform-box:fill-box;transform-origin:center;animation:sx-puls 2s ease-out infinite}
@keyframes sx-puls{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.8);opacity:0}}
.sx-de-punkt{opacity:0;transition:opacity .6s 1.6s}.sx-ho.da .sx-de-punkt{opacity:1}
.sx-ho-label{display:grid;text-align:center}.sx-ho-label b{font-size:.95rem;color:var(--h-text)}.sx-ho-label small{font-size:.72rem;color:var(--h-text-2)}
.sx-ho-rechts{display:grid;gap:12px}
.sx-tunnel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.sx-t-ende{padding:6px 10px;border-radius:8px;background:var(--sx-f2);border:1px solid var(--h-linie);font-size:.7rem;color:var(--h-text-2);white-space:nowrap}
.sx-t-weg{position:relative;height:34px;border-radius:999px;background:linear-gradient(90deg,rgba(92,203,255,.08),rgba(123,59,255,.14),rgba(92,203,255,.08));border:1px dashed rgba(143,164,255,.35);overflow:hidden}
.sx-paket{position:absolute;top:50%;left:0;transform:translate(var(--x,0),-50%);display:grid;font-style:normal}
.sx-paket em{grid-area:1/1;padding:4px 9px;border-radius:7px;font:600 .68rem/1.2 "JetBrains Mono",monospace;font-style:normal;white-space:nowrap;transition:opacity .2s}
.sx-klar{background:#fff;color:#161B2E;opacity:var(--k,1)}.sx-salat{background:linear-gradient(100deg,#2F6BFF,#9B05FE);color:#fff;opacity:calc(1 - var(--k,1))}
.sx-sicher{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative}
.sx-sicher li{display:grid;justify-items:start;gap:6px;padding:10px;border-radius:11px;background:var(--sx-f2);border:1px solid var(--h-linie);opacity:.4;transition:opacity .4s,border-color .4s}
.sx-sicher li i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--sx-blass);color:var(--sx-blau-t)}.sx-sicher li i svg{width:14px;height:14px}
.sx-sicher li span{display:grid}.sx-sicher b{font-size:.78rem;color:var(--h-text)}.sx-sicher small{font-size:.66rem;color:var(--h-text-2)}
.sx-sicher li.an{opacity:1;border-color:rgba(74,222,154,.45);animation:sx-glanz 1.2s ease}

/* ---------- 2 · Mandanten und Rollen (hell) ---------- */
.sx-re-huelle{max-width:1080px;margin:0 auto}
.sx-re{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.sx-mand,.sx-rol{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px}
.sx-mand-kopf,.sx-rol-kopf{display:grid;gap:3px}
.sx-mand-kopf b,.sx-rol-kopf b{display:flex;align-items:center;gap:8px;font-size:.95rem}.sx-mand-kopf b svg,.sx-rol-kopf b svg{width:16px;height:16px;color:#2F6BFF}
.sx-mand-kopf small{font-size:.76rem;color:var(--h-text-2)}
.sx-mand-feld{position:relative;flex:1;display:grid;grid-template-columns:1fr 24px 1fr;gap:10px;align-items:stretch;min-height:200px}
.sx-buero{display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:13px;background:#fff;border:1px solid var(--h-linie)}
.sx-buero>b{font-size:.8rem;margin-bottom:2px}
.sx-b-b{background:#F7F8FB}.sx-b-b .sx-datensatz{filter:blur(2.5px);opacity:.6}
.sx-datensatz{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:8px;background:#F1F5FF;font-size:.72rem}
.sx-datensatz i{width:8px;height:8px;border-radius:50%;background:#2F6BFF}
.sx-b-b .sx-datensatz i{background:#98A1B5}
.sx-wand{position:relative;border-radius:8px;background:repeating-linear-gradient(0deg,#DDE3EE 0 10px,#C9D1E0 10px 12px)}
.sx-wand i{position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 2px #2F6BFF,0 0 30px rgba(47,107,255,.7);opacity:0}
.sx-mand.prall .sx-wand i{animation:sx-wand .9s ease}
@keyframes sx-wand{20%{opacity:1}100%{opacity:0}}
.sx-versuch{position:absolute;left:66%;top:50%;display:grid;place-items:center;width:32px;height:32px;margin:-16px;border-radius:50%;background:#E7456B;color:#fff;box-shadow:0 8px 20px -6px rgba(231,69,107,.8);opacity:0}
.sx-versuch svg{width:16px;height:16px}
.sx-mand.prall .sx-versuch{animation:sx-versuch 1.6s cubic-bezier(.4,0,.2,1)}
@keyframes sx-versuch{0%{opacity:0;left:88%}15%{opacity:1}45%{left:54%}60%{left:60%}100%{left:84%;opacity:0}}
.sx-abprall{position:absolute;left:50%;top:46%;z-index:2;transform:translateX(-50%) scale(.8);display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#FFE4EA;color:#C2405F;font-size:.66rem;font-weight:700;opacity:0;white-space:nowrap}
.sx-abprall svg{width:12px;height:12px}
.sx-mand.prall .sx-abprall{animation:sx-ab 1.6s ease}
@keyframes sx-ab{35%{opacity:0;transform:translateX(-50%) scale(.8)}50%{opacity:1;transform:translateX(-50%) scale(1)}85%{opacity:1}100%{opacity:0}}
.sx-rol-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sx-um{position:relative;display:inline-flex;padding:3px;border-radius:10px;background:#EEF1F7}
.sx-um span{padding:6px 10px;border-radius:7px;font-size:.72rem;font-weight:600;color:var(--h-text-2);cursor:pointer;transition:all .3s}
.sx-um span.an{background:#2F6BFF;color:#fff}
.sx-rol-th,.sx-rol-liste li{display:grid;grid-template-columns:1.2fr 1.1fr .9fr .8fr;gap:8px;align-items:center}
.sx-rol-th{padding:0 10px;font:600 .58rem/1 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--h-text-3)}
.sx-rol-liste{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sx-rol-liste li{padding:9px 10px;border-radius:10px;background:#fff;border:1px solid var(--h-linie);font-size:.74rem;color:var(--h-text-2);max-height:50px;overflow:hidden;transition:max-height .45s,opacity .35s,padding .45s,margin .45s}
.sx-rol-liste li b{color:var(--h-text)}
.sx-geld{text-align:right;transition:opacity .35s,filter .35s}
.sx-rol[data-r="makler"] .sx-rol-liste li[data-eigen="0"]{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-width:0;margin-top:-6px}
.sx-rol[data-r="innen"] .sx-geld{opacity:.25;filter:blur(4px)}
.sx-rol-hinweis{margin-top:auto;font-size:.72rem;color:var(--h-text-3)}

/* ---------- 3 · DSGVO (dunkel) ---------- */
.sx-ds-huelle{max-width:1080px;margin:0 auto}
.sx-ds{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;padding:18px;border-radius:22px;align-items:start}
.sx-doks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sx-doks li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:13px;background:var(--sx-f1);border:1px solid var(--h-linie);opacity:0;transform:translateX(-14px);transition:opacity .45s,transform .6s cubic-bezier(.22,1,.36,1),border-color .4s}
.sx-doks li>i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--sx-blass);color:var(--sx-blau-t)}.sx-doks li>i svg{width:16px;height:16px}
.sx-doks span{display:grid;flex:1}.sx-doks b{font-size:.84rem;color:var(--h-text)}.sx-doks small{font-size:.72rem;color:var(--h-text-2)}
.sx-doks em{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#16A36A;color:#fff;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1) .25s}.sx-doks em svg{width:12px;height:12px;stroke-width:3}
.sx-doks li.da{opacity:1;transform:none;border-color:rgba(74,222,154,.3)}.sx-doks li.da em{transform:none}
.sx-ds-rechts{display:grid;gap:12px}
.sx-prot{list-style:none;margin:0;padding:0;display:grid;gap:6px;min-height:186px}
.sx-prot li{display:grid;grid-template-columns:44px auto 1fr;gap:8px;align-items:center;padding:8px 10px;border-radius:9px;background:var(--sx-f2);font-size:.72rem;color:var(--h-text-2)}
.sx-prot time{color:var(--sx-blau-t);font-weight:600}.sx-prot b{color:var(--h-text);white-space:nowrap}
.sx-prot li.neu{animation:sx-rein .6s cubic-bezier(.22,1,.36,1),sx-glanz 1.4s ease .1s}
@keyframes sx-rein{from{opacity:0;transform:translateY(-10px)}}
.sx-dritt small{font-size:.74rem}

/* ---------- 4 · Support (hell) ---------- */
.sx-su-huelle{max-width:1000px;margin:0 auto}
.sx-su{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sx-su-k{display:grid;justify-items:start;gap:4px;padding:18px;border-radius:20px}
.sx-su-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:linear-gradient(140deg,#00B4F9,#2F6BFF 55%,#9B05FE);margin-bottom:6px}.sx-su-ic svg{width:18px;height:18px}
.sx-su-zahl{font-size:2rem;line-height:1.1;background:linear-gradient(100deg,#00B4F9,#2F6BFF 55%,#9B05FE);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-su-zahl em{font-style:normal;font-variant-numeric:tabular-nums}
.sx-su-k>span{font-size:.9rem;font-weight:600}.sx-su-k>small{font-size:.76rem;color:var(--h-text-2)}
.sx-ticket{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center;gap:6px;margin-top:14px;padding:16px 18px;border-radius:20px}
.sx-tk-st{display:grid;justify-items:center;text-align:center;gap:4px;opacity:.35;transition:opacity .4s}
.sx-tk-st i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#EEF1F7;color:#667089;transition:all .4s}.sx-tk-st i svg{width:17px;height:17px}
.sx-tk-st b{font-size:.84rem}.sx-tk-st small{font-size:.7rem;color:var(--h-text-2)}
.sx-tk-st.an{opacity:1}.sx-tk-st.an i{background:#2F6BFF;color:#fff;box-shadow:0 0 0 5px rgba(47,107,255,.18)}
.sx-tk-st:last-child.an i{background:#16A36A;box-shadow:0 0 0 5px rgba(22,163,106,.18)}
.sx-tk-l{height:3px;border-radius:3px;background:#E2E7F1;overflow:hidden}.sx-tk-l i{display:block;height:100%;width:var(--f,0%);background:linear-gradient(90deg,#2F6BFF,#16A36A);transition:width .7s}

/* ---------- Schmal ---------- */
@media (max-width:900px){.sx-start-innen{grid-template-columns:1fr;min-height:0}.sx-ho,.sx-re,.sx-ds{grid-template-columns:1fr}.sx-su{grid-template-columns:1fr}}
@media (max-width:640px){.sx-start .h1{font-size:clamp(1.8rem,8vw,2.3rem)}.sx-zus{white-space:normal}.sx-buehne{min-height:380px}.sx-etikett{font-size:.62rem;padding:5px 8px}.sx-etikett:nth-of-type(3){left:0}.sx-etikett:nth-of-type(4){right:0}
  .sx-kern{width:52%}.sx-sicher{grid-template-columns:1fr}.sx-tunnel{grid-template-columns:1fr}.sx-t-ende{justify-self:start}.sx-ticket{grid-template-columns:1fr;gap:12px}.sx-tk-l{display:none}.sx-rol-th,.sx-rol-liste li{grid-template-columns:1.2fr 1fr .8fr}.sx-rol-th>:nth-child(3),.sx-rol-liste li>:nth-child(3){display:none}}

/* Handy (Safari): Schild-Fläche über ::before statt aspect-ratio aufspannen, sonst 0 px hoch (18.10.2026) */
@media (max-width:640px){
  .sx-schild{aspect-ratio:auto;height:auto;align-self:start}.sx-schild::before{content:"";display:block;padding-top:100%}
  /* Handy: Hosting kompakter – Karte kleiner, Browser und Server über der Leitung, Backups nebeneinander (18.10.2026) */
  .sx-ho{padding:14px;gap:14px}.sx-de{width:min(52%,180px)}.sx-box{padding:13px}
  .sx-tunnel{grid-template-columns:auto 1fr auto;row-gap:8px}.sx-t-ende{justify-self:auto}.sx-t-ende:last-child{grid-column:3;grid-row:1}.sx-t-weg{grid-column:1/-1;grid-row:2}
  .sx-sicher{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sx-sicher li{padding:8px 7px;gap:5px}.sx-sicher li i{width:24px;height:24px}
  .sx-sicher li{min-width:0}.sx-sicher li span{max-width:100%;min-width:0}.sx-sicher b{font-size:.66rem;line-height:1.25;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.sx-sicher small{font-size:.62rem;line-height:1.3}
  /* Handy: Rollen – alle vier Spalten sichtbar; beim Makler werden fremde Zeilen ausgegraut statt eingeklappt, damit die Karte nicht springt (18.10.2026) */
  .sx-mand,.sx-rol{padding:14px}.sx-buero{padding:10px}
  .sx-rol-th,.sx-rol-liste li{grid-template-columns:minmax(0,1.25fr) minmax(0,1.1fr) minmax(0,.9fr) minmax(0,.8fr);gap:6px}
  .sx-rol-th>:nth-child(3),.sx-rol-liste li>:nth-child(3){display:block}
  .sx-rol-th{padding:0 8px;font-size:.56rem}.sx-rol-liste li{padding:8px;font-size:.66rem}
  .sx-rol[data-r="makler"] .sx-rol-liste li[data-eigen="0"]{max-height:50px;opacity:.22;filter:blur(2px);padding-top:8px;padding-bottom:8px;border-width:1px;margin-top:0}
  .sx-rol-liste li{transition:opacity .35s,filter .35s}
  /* Handy: DSGVO – Protokoll mit fester Höhe, Einträge zweizeilig (Zeit und Name oben, Änderung darunter) (18.10.2026) */
  .sx-ds{padding:14px}.sx-doks li{padding:10px 12px}
  .sx-prot{height:254px;min-height:0;overflow:hidden;align-content:start}
  .sx-prot li{grid-template-columns:40px minmax(0,1fr);row-gap:2px;min-height:52px;align-content:center}.sx-prot li>span{grid-column:2}
  /* Handy: Support – drei Kennzahlen und der Ticket-Ablauf jeweils nebeneinander (18.10.2026) */
  .sx-su{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .sx-su-k{padding:12px 10px;border-radius:16px;align-content:start}.sx-su-ic{width:30px;height:30px;border-radius:9px}.sx-su-ic svg{width:15px;height:15px}
  .sx-su-zahl{font-size:1.35rem}.sx-su-k>span{font-size:.72rem;line-height:1.3}.sx-su-k>small{font-size:.62rem;line-height:1.35}
  .sx-ticket{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 10px;align-items:start}
  .sx-tk-st i{width:32px;height:32px}.sx-tk-st b{font-size:.74rem}.sx-tk-st small{font-size:.62rem;line-height:1.35}
}
/* Handy (Safari): Datenpaket in der runden Leitung sauber abschneiden (18.10.2026) */
@media (max-width:640px){.sx-t-weg{clip-path:inset(0 round 999px)}}