/* ==========================================================================
   Share2Flow — Preise v8 (Deluxe). Gekapseltes Modul.
   Alles unter .pr-page gescopt + pr-Prefix → kein Konflikt mit Bootstrap/Shell.
   Eigene CSS-Variablen. Basiert auf _preview/pricing_v1.html (von Roman freigegeben).
   Nav/Footer/Spacer kommen aus der globalen Shell.
   ========================================================================== */
.pr-page{
  --paper:#F4F7FF;--paper-2:#E6EDFF;--ink:#0B192F;--text:#48546C;--muted:#8790A6;
  --line:rgba(11,25,47,.13);--line-dark:rgba(255,255,255,.14);
  --blue:#3B5BDB;--cyan:#6B9AEB;--amber:#F9D149;--coral:#EF7A6B;--mint:#4FC38C;--danger:#C0392B;
  --max:1320px;--ease:cubic-bezier(.16,1,.3,1);
  position:relative;color:var(--ink);background:var(--paper);
  font-family:Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased;
}
.pr-page *,.pr-page *::before,.pr-page *::after{box-sizing:border-box}
.pr-page .serif{font-family:"Libre Caslon Text",Georgia,serif;font-style:italic;font-weight:400}
.pr-wrap{position:relative;width:min(calc(100% - 48px),var(--max));margin-inline:auto}

/* Buttons (gescopt) */
.pr-cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 24px;border:1px solid transparent;border-radius:999px;font:inherit;font-size:16px;font-weight:700;line-height:1;cursor:pointer;overflow:hidden;text-decoration:none;transition:transform .22s var(--ease),box-shadow .3s var(--ease),background .3s,color .3s,border-color .3s}
.pr-cta::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.3),transparent 72%);transform:translateX(-120%);transition:transform .7s var(--ease)}
.pr-cta:hover::before{transform:translateX(120%)}
.pr-cta:hover{transform:translateY(-2px)}.pr-cta:active{transform:translateY(0) scale(.98)}
.pr-cta--primary{background:var(--blue);color:#fff;box-shadow:0 15px 38px rgba(59,91,219,.3),0 0 34px rgba(59,91,219,.26)}
.pr-cta--primary:hover{box-shadow:0 20px 50px rgba(59,91,219,.4),0 0 54px rgba(107,154,235,.5)}
.pr-cta--ghost{border-color:var(--line);background:rgba(255,255,255,.7);color:var(--ink)}
.pr-cta--ghost:hover{border-color:var(--blue);color:var(--blue)}
.pr-cta__arrow{font-size:20px;line-height:1;transition:transform .3s var(--ease)}
.pr-cta:hover .pr-cta__arrow{transform:translateX(4px)}

/* ===== HERO (nahtlos unter der Shell — Paper-Grund, kein weißer Streifen) =====
   Der globale .s2f-shell-spacer (98px) erzeugt hier einen weißen Streifen über dem
   Hero → auf der Preisseite ausblenden (wie Homepage via s2f-v8.css) und die
   Nav-Freihöhe stattdessen ins Hero-Padding legen. Diese Datei lädt nur auf /pricing. */
.s2f-shell-spacer{display:none}
.pr-hero{position:relative;padding:calc(96px + clamp(20px,3vw,44px)) 0 clamp(30px,4vw,52px);overflow:hidden;isolation:isolate;text-align:center;background:var(--paper)}
.pr-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 62% at 50% -6%,rgba(107,154,235,.22),transparent 62%)}
.pr-hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(11,25,47,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,25,47,.045) 1px,transparent 1px);background-size:72px 72px;-webkit-mask:radial-gradient(80% 70% at 50% 0%,#000,transparent 72%);mask:radial-gradient(80% 70% at 50% 0%,#000,transparent 72%)}
.pr-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--muted);font-size:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.pr-eyebrow::before,.pr-eyebrow::after{content:"";width:22px;height:1px;background:currentColor}
.pr-hero h1{margin:0 auto;max-width:16ch;font-size:clamp(40px,5.6vw,78px);font-weight:700;letter-spacing:-.05em;line-height:.98;text-wrap:balance}
.pr-hero h1 .serif{color:var(--blue)}
.pr-hero__lead{margin:22px auto 0;max-width:60ch;color:var(--text);font-size:clamp(17px,1.5vw,21px);line-height:1.6}

/* ===== BILLING CONTROLS ===== */
.pr-controls{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,4vw,56px);margin:clamp(30px,4vw,48px) auto 0;padding:clamp(20px,2.4vw,28px) clamp(22px,3vw,40px);width:min(100%,860px);border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.7);box-shadow:0 20px 60px rgba(11,25,47,.08);backdrop-filter:blur(6px)}
.pr-toggle{display:inline-flex;align-items:center;gap:14px}
.pr-switch{position:relative;display:inline-flex;padding:5px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line)}
.pr-switch input{position:absolute;opacity:0;pointer-events:none}
.pr-switch label{position:relative;z-index:2;display:grid;place-items:center;min-width:104px;height:42px;padding:0 18px;border-radius:999px;color:var(--text);font-size:16px;font-weight:700;cursor:pointer;transition:color .25s var(--ease)}
.pr-switch__thumb{position:absolute;z-index:1;top:5px;left:5px;width:calc(50% - 5px);height:42px;border-radius:999px;background:var(--blue);box-shadow:0 8px 22px rgba(59,91,219,.34);transition:transform .3s var(--ease)}
.pr-switch.is-yearly .pr-switch__thumb{transform:translateX(100%)}
.pr-switch:not(.is-yearly) label[for="pr-bm"],.pr-switch.is-yearly label[for="pr-by"]{color:#fff}
.pr-save{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:rgba(79,195,140,.14);color:#1E7A4E;font-size:15px;font-weight:700}
.pr-save::before{content:"−20%";font-weight:800}
.pr-slider{display:flex;align-items:center;gap:16px;min-width:min(340px,100%)}
.pr-slider__label{color:var(--text);font-size:16px;font-weight:600;white-space:nowrap}
.pr-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--blue) 0%,var(--blue) var(--fill,16%),var(--paper-2) var(--fill,16%));outline:none}
.pr-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--blue);box-shadow:0 4px 12px rgba(59,91,219,.35);cursor:pointer;transition:transform .15s var(--ease)}
.pr-range::-webkit-slider-thumb:hover{transform:scale(1.12)}
.pr-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--blue);box-shadow:0 4px 12px rgba(59,91,219,.35);cursor:pointer}
.pr-usercount{display:inline-grid;place-items:center;min-width:88px;padding:9px 14px;border-radius:12px;background:var(--ink);color:#fff;font-size:16px;font-weight:700;white-space:nowrap}
.pr-usercount b{font-size:19px;margin-right:5px}

/* ===== PLAN CARDS ===== */
.pr-plans{position:relative;padding:clamp(34px,4vw,60px) 0 clamp(60px,7vw,96px)}
.pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,26px);align-items:stretch}
.pr-card{position:relative;display:flex;flex-direction:column;padding:clamp(24px,2.4vw,34px);border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 24px 60px rgba(11,25,47,.07);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.pr-card:hover{transform:translateY(-4px);box-shadow:0 34px 80px rgba(11,25,47,.12)}
.pr-card--featured{border:0;background:linear-gradient(180deg,#132456,#0B192F);color:#fff;box-shadow:0 40px 90px rgba(11,25,47,.32),0 0 60px rgba(59,91,219,.28)}
.pr-card__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:999px;background:var(--amber);color:var(--ink);font-size:14px;font-weight:800;box-shadow:0 10px 24px rgba(249,209,73,.4)}
.pr-card__name{margin:6px 0 6px;font-size:22px;font-weight:800;letter-spacing:-.02em}
.pr-card__desc{margin:0 0 22px;color:var(--text);font-size:15px;line-height:1.55;min-height:66px}
.pr-card--featured .pr-card__desc{color:rgba(255,255,255,.72)}
.pr-price{display:flex;align-items:baseline;gap:6px}
.pr-price__num{font-size:clamp(40px,4.6vw,54px);font-weight:800;letter-spacing:-.04em;line-height:1}
.pr-price__cur{font-size:26px;font-weight:700}
.pr-price__per{margin:9px 0 0;color:var(--muted);font-size:14px;font-weight:600;line-height:1.4}
.pr-card--featured .pr-price__per{color:rgba(255,255,255,.6)}
.pr-min-hint{margin:8px 0 0;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(59,91,219,.1);color:var(--blue);font-size:13px;font-weight:700}
.pr-min-hint::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue)}
.pr-total{margin:12px 0 0;padding:12px 15px;border-radius:12px;background:var(--paper);font-size:14px;line-height:1.5;color:var(--text)}
.pr-card--featured .pr-total{background:rgba(255,255,255,.08);color:rgba(255,255,255,.82)}
.pr-total b{color:var(--ink);font-weight:800}
.pr-card--featured .pr-total b{color:#fff}
.pr-total .pr-save-line{color:#1E7A4E;font-weight:700}
.pr-card--featured .pr-total .pr-save-line{color:var(--mint)}
.pr-free-note{margin:12px 0 0;padding:12px 15px;border-radius:12px;background:var(--paper);color:var(--text);font-size:14px;font-weight:600}
.pr-card__cta{margin:22px 0 24px}
.pr-card__cta .pr-cta{width:100%}
.pr-card--featured .pr-cta--ghost{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#fff}
.pr-card--featured .pr-cta--ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.12)}
.pr-incl{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--ink)}
.pr-card--featured .pr-incl{color:#fff}
.pr-feats{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.pr-feats li{position:relative;padding-left:33px;font-size:15px;line-height:1.5;color:var(--text)}
.pr-card--featured .pr-feats li{color:rgba(255,255,255,.82)}
.pr-feats li strong{color:var(--ink);font-weight:700}
.pr-card--featured .pr-feats li strong{color:#fff}
.pr-feats li::before{content:"";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:rgba(79,195,140,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234FC38C' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5 11-11'/%3E%3C/svg%3E") center/14px no-repeat}
.pr-feats li.soon::before{background:rgba(135,144,166,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%238790A6' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/13px no-repeat}

/* ===== COMPARISON TABLE ===== */
.pr-compare{position:relative;padding:clamp(60px,7vw,96px) 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pr-sec-head{max-width:760px;margin:0 0 clamp(34px,4vw,52px)}
.pr-sec-head h2{margin:0;font-size:clamp(30px,3.8vw,52px);font-weight:700;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}
.pr-sec-head h2 .serif{color:var(--blue)}
.pr-sec-head p{margin:16px 0 0;color:var(--text);font-size:clamp(16px,1.3vw,19px);line-height:1.6;max-width:56ch}
.pr-table-scroll{overflow:visible}
.pr-table{width:100%;min-width:720px;border-collapse:collapse}
.pr-table thead th{background:#fff;padding:0 0 16px;text-align:center;vertical-align:bottom}
.pr-table thead th:first-child{text-align:left}
.pr-thname{font-size:19px;font-weight:800;letter-spacing:-.02em}
.pr-thname.is-feat{color:var(--blue)}
.pr-th-badge{display:inline-block;margin-top:5px;padding:3px 10px;border-radius:999px;background:rgba(59,91,219,.1);color:var(--blue);font-size:13px;font-weight:700}
.pr-table td{padding:17px 14px;border-top:1px solid var(--line);text-align:center;font-size:15px;color:var(--text);vertical-align:middle}
.pr-table td:first-child{text-align:left;font-weight:600;color:var(--ink);width:40%}
.pr-table tr:hover td{background:rgba(107,154,235,.05)}
.pr-table td.is-feat{background:rgba(59,91,219,.04)}
.pr-table tr:hover td.is-feat{background:rgba(59,91,219,.08)}
.pr-yes{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(79,195,140,.16)}
.pr-yes svg{width:15px;height:15px;stroke:var(--mint);stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.pr-no{color:var(--muted);font-size:18px}
.pr-dev{display:inline-block;padding:4px 10px;border-radius:8px;background:rgba(249,209,73,.18);color:#93700c;font-size:13px;font-weight:700}
.pr-tip{position:relative;display:inline-grid;place-items:center;width:20px;height:20px;vertical-align:middle;margin-left:7px;border-radius:50%;border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:800;cursor:help}
.pr-tip:hover,.pr-tip:focus-visible{background:var(--blue);color:#fff;border-color:var(--blue)}
.pr-tip__pop{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-4px);width:min(260px,72vw);padding:12px 14px;border-radius:12px;background:var(--ink);color:#fff;font-size:14px;font-weight:500;line-height:1.5;text-align:left;box-shadow:0 18px 44px rgba(11,25,47,.28);opacity:0;visibility:hidden;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:5}
.pr-tip__pop::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-bottom-color:var(--ink)}
.pr-tip:hover .pr-tip__pop,.pr-tip:focus-visible .pr-tip__pop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* ===== BENEFITS ===== */
.pr-benefits{position:relative;padding:clamp(60px,7vw,100px) 0;background:var(--paper);overflow:hidden}
.pr-benefits::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(52% 42% at 50% -4%,rgba(107,154,235,.16),transparent 68%)}
.pr-benefits .pr-wrap{position:relative;z-index:1}
.pr-benefits__head{text-align:center;max-width:720px;margin:0 auto clamp(38px,4vw,58px)}
.pr-benefits__head h2{margin:0;font-size:clamp(28px,3.4vw,48px);font-weight:700;letter-spacing:-.04em;line-height:1.04;text-wrap:balance}
.pr-benefits__head p{margin:16px 0 0;color:var(--text);font-size:clamp(16px,1.3vw,19px);line-height:1.6}
.pr-ben-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,24px)}
.pr-ben{position:relative;overflow:hidden;padding:clamp(28px,2.6vw,38px) clamp(20px,2vw,26px);border:1px solid var(--line);border-radius:22px;background:#fff;text-align:center;box-shadow:0 18px 46px rgba(11,25,47,.06);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.pr-ben::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--acc);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.pr-ben:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 34px 74px rgba(11,25,47,.14)}
.pr-ben:hover::before{transform:scaleX(1)}
.pr-ben__ico{position:relative;display:grid;place-items:center;width:94px;height:94px;margin:0 auto 20px;border-radius:24px;background:var(--acc-tint);box-shadow:inset 0 0 0 1px var(--acc-15);transition:transform .4s var(--ease)}
.pr-ben__ico::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 14px 32px var(--acc-25);opacity:0;transition:opacity .4s var(--ease)}
.pr-ben:hover .pr-ben__ico{transform:translateY(-2px) rotate(-2deg)}
.pr-ben:hover .pr-ben__ico::after{opacity:1}
.pr-ben__ico img{width:58px;height:58px;object-fit:contain}
.pr-ben h3{margin:0 0 10px;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.pr-ben p{margin:0;color:var(--text);font-size:15px;line-height:1.55}
.pr-ben--blue{--acc:var(--blue);--acc-tint:rgba(59,91,219,.1);--acc-15:rgba(59,91,219,.16);--acc-25:rgba(59,91,219,.3)}
.pr-ben--mint{--acc:var(--mint);--acc-tint:rgba(79,195,140,.13);--acc-15:rgba(79,195,140,.2);--acc-25:rgba(79,195,140,.32)}
.pr-ben--amber{--acc:#D9A916;--acc-tint:rgba(249,209,73,.18);--acc-15:rgba(249,209,73,.32);--acc-25:rgba(217,169,22,.34)}
.pr-ben--coral{--acc:var(--coral);--acc-tint:rgba(239,122,107,.12);--acc-15:rgba(239,122,107,.22);--acc-25:rgba(239,122,107,.34)}

/* ===== FAQ ===== */
.pr-faq{position:relative;padding:clamp(60px,7vw,100px) 0 clamp(80px,10vw,130px);background:#fff;border-top:1px solid var(--line)}
.pr-faq__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(30px,4vw,64px);align-items:start}
.pr-faq__aside{position:sticky;top:110px}
.pr-faq__aside h2{margin:0;font-size:clamp(28px,3.4vw,48px);font-weight:700;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}
.pr-faq__aside h2 .serif{color:var(--blue)}
.pr-faq__aside p{margin:18px 0 24px;color:var(--text);font-size:16px;line-height:1.6}
.pr-faq__list{display:grid;gap:12px}
.pr-fq{border:1px solid var(--line);border-radius:16px;background:var(--paper);overflow:hidden;transition:border-color .25s var(--ease),background .25s var(--ease)}
.pr-fq[open]{background:#fff;border-color:rgba(59,91,219,.35);box-shadow:0 18px 44px rgba(11,25,47,.07)}
.pr-fq summary{list-style:none;display:flex;align-items:center;gap:16px;padding:20px 22px;cursor:pointer;font-size:17px;font-weight:700;color:var(--ink)}
.pr-fq summary::-webkit-details-marker{display:none}
.pr-fq summary::after{content:"";flex:none;margin-left:auto;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%233B5BDB' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M5 9l6 6 6-6'/%3E%3C/svg%3E") center/22px no-repeat;transition:transform .3s var(--ease)}
.pr-fq[open] summary::after{transform:rotate(180deg)}
.pr-fq__body{padding:0 22px 22px;color:var(--text);font-size:16px;line-height:1.65;white-space:pre-line}

/* responsive */
@media(max-width:900px){
  .pr-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}
  .pr-card--featured{order:-1}
  .pr-ben-grid{grid-template-columns:repeat(2,1fr)}
  .pr-faq__grid{grid-template-columns:1fr;gap:28px}.pr-faq__aside{position:static}
  .pr-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:560px){
  .pr-controls{flex-direction:column;gap:22px}
  .pr-slider{width:100%}
  .pr-ben-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.pr-switch__thumb,.pr-fq summary::after,.pr-ben,.pr-card{transition:none}}

/* ===== Batch 4 (03.08.2026): 4. Karte Enterprise + Slider-in-Karte + zzgl. USt + Gruppen ===== */
.pr-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1180px){.pr-grid{grid-template-columns:repeat(2,1fr);max-width:none;margin-inline:0}}
@media(max-width:760px){.pr-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}
.pr-card--ent{background:linear-gradient(180deg,#f7f9ff,#eef2fc);border-color:rgba(59,91,219,.28)}
.pr-entbadge{align-self:flex-start;margin:2px 0 12px;padding:5px 12px;border-radius:999px;background:rgba(59,91,219,.12);color:#2c3f70;font-size:13px;font-weight:800;border:1px solid rgba(59,91,219,.3)}
.pr-price--ent .pr-price__num{font-size:clamp(28px,3vw,40px)}
.pr-vat{margin:5px 0 0;color:var(--muted);font-size:12.5px;font-weight:600}
.pr-card--featured .pr-vat{color:rgba(255,255,255,.5)}
.pr-cardslider{margin:14px 0 0;padding:13px 15px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}
.pr-cardslider label{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:600;color:var(--text);margin:0 0 9px}
.pr-cardslider label b{color:var(--ink);font-size:15px}
.pr-table{min-width:900px}
.pr-table td:first-child{width:30%}
.pr-group td{background:var(--paper);text-align:left;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);padding:13px 14px;border-top:2px solid rgba(59,91,219,.2)}
.pr-group:hover td{background:var(--paper)}
/* Umschalter-Box auf Toggle-Breite (Slider ist raus) + durchgestrichener Jahres-Originalpreis */
.pr-controls{width:max-content;max-width:calc(100% - 48px);gap:16px;padding:16px 24px}
.pr-price__old{margin-left:9px;align-self:center;color:var(--muted);font-size:20px;font-weight:700;text-decoration:line-through}
.pr-card--featured .pr-price__old{color:rgba(255,255,255,.55)}