/* MSTAGE-HP · Variante „Modern Plus“ (nur aktiv mit html[data-variant="plus"]) */

/* Kein Aufblitzen der alten Bausteine vor dem Umbau */
html[data-variant="plus"]:not(.plus-ready) #inhalt{visibility:hidden}

/* ---------- Entwurfs-Schalter ---------- */
.vswitch{position:fixed;left:max(14px,env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:58;display:flex;align-items:center;gap:6px;padding:6px;border-radius:var(--r);background:rgba(15,13,20,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 34px -14px rgba(0,0,0,.6);font:600 .78rem/1 var(--sans)}
.vs-home{background:var(--draft);color:#000;text-decoration:none;padding:8px 12px;border-radius:var(--r);font-weight:700}
.vswitch .seg{display:flex;gap:2px;background:rgba(255,255,255,.08);border-radius:var(--r);padding:2px}
.vswitch button{all:unset;cursor:pointer;color:rgba(255,255,255,.75);padding:7px 10px;border-radius:var(--r)}
.vswitch button[aria-pressed="true"]{background:#fff;color:var(--ink)}
.vswitch button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:767px){.vswitch{bottom:calc(84px + env(safe-area-inset-bottom,0px));font-size:.7rem}.vswitch button{padding:6px 8px}.vs-home{padding:7px 9px}}

/* ---------- Grundton Plus ---------- */
html[data-variant="plus"]{--rr:18px}
[data-variant="plus"] .page-body{font-size:1.06rem}
[data-variant="plus"] .page-body .section-padded{padding-block:clamp(72px,9vw,136px)}
[data-variant="plus"] .page-body .bg-heavycream{background:linear-gradient(180deg,#F5F5F7,#EFEFF3)}
[data-variant="plus"] .page-body h2,[data-variant="plus"] .page-body .h2{letter-spacing:-.035em}
[data-variant="plus"] .sub-headline{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-weight:600}

[data-variant="plus"] .bg-dark .sub-headline{color:rgba(255,255,255,.72)}
[data-variant="plus"] .page-body .btn{border-radius:var(--r)}




/* ---------- Seitenkopf ---------- */
.pl-hero .px{display:none}
.pl-hero{padding-bottom:0}
.pl-hero .crumbs{padding-top:104px}
.pl-hero .sujet.pl-sujet{padding:clamp(28px,4vw,52px) 0 clamp(56px,7vw,96px)}
.pl-hgrid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,5vw,80px);align-items:center}
.pl-hleft h1{max-width:16ch;margin-top:14px}
.pl-hleft .lead{margin-top:20px;font-size:clamp(1.08rem,1rem + .35vw,1.3rem);color:rgba(255,255,255,.72);max-width:54ch}
.pl-hleft .lead p{margin:0 0 .6em}
.pl-ctas{display:flex!important;flex-wrap:wrap;gap:12px;margin-top:30px!important}
.pl-ctas .btn{border-radius:var(--r);min-height:56px}
.pl-hero .btn-line{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.pl-hero .btn-line:hover{background:#fff;color:var(--ink)}
.pl-trust{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.88rem;color:rgba(255,255,255,.7)}
.pl-trust li{display:flex;align-items:center;gap:9px}
.pl-trust li::before{content:"";width:8px;height:8px;background:var(--red);box-shadow:10px 0 0 var(--magenta);margin-right:10px}
.pl-trust li:nth-child(2)::before{background:var(--magenta);box-shadow:10px 0 0 var(--violet)}
.pl-trust li:nth-child(3)::before{background:var(--violet);box-shadow:10px 0 0 #8f6be6}
.pl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.chip{display:inline-flex;align-items:center;font:600 .82rem/1 var(--sans);padding:8px 12px;border-radius:var(--r);background:var(--signal);color:#fff}
.chip.ghost{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.pl-hright{position:relative;min-width:0}
.pl-frame{margin:0;position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3.3;box-shadow:0 40px 90px -40px rgba(0,0,0,.9),-24px 20px 80px -40px rgba(108,69,210,.7),24px 20px 80px -40px rgba(194,10,35,.6);border:1px solid rgba(255,255,255,.14)}
.pl-frame img,.pl-frame video{width:100%;height:100%;object-fit:cover;display:block}
.pl-float{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:var(--r);background:rgba(14,13,18,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);color:#fff;max-width:70%}
.pl-float b{font-family:var(--serif);font-weight:400;font-size:1.9rem;line-height:1}
.pl-float span{font-size:.85rem;color:rgba(255,255,255,.72)}
.pl-tile{position:relative;border-radius:var(--r);padding:clamp(26px,3vw,40px);background:linear-gradient(160deg,rgba(108,69,210,.95) 0%,rgba(170,32,145,.92) 50%,rgba(194,10,35,.95) 100%);overflow:hidden;isolation:isolate;box-shadow:0 40px 90px -40px rgba(0,0,0,.9)}
.pl-tile::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:22px 22px;z-index:-1}
.pl-tile>svg{width:72px!important;height:72px!important;color:#fff;margin-bottom:26px;display:block}
.pl-facts{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pl-facts li{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.28)}
.pl-facts b{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,1.4rem + 1.6vw,3rem);line-height:1}
.pl-facts span{font-size:.95rem;color:rgba(255,255,255,.88)}
@media (max-width:980px){.pl-hgrid{grid-template-columns:1fr}.pl-hright{max-width:560px}}
@media (max-width:600px){.pl-ctas .btn{flex:1 1 100%}.pl-trust{font-size:.8rem}.pl-hero .crumbs{padding-top:96px}}

/* Blogkopf */
[data-variant="plus"] .kind-post .phero.slim .post-head{padding-bottom:clamp(90px,10vw,140px)}
[data-variant="plus"] .post-cover img{border-radius:var(--r)}
[data-variant="plus"] .post-head .pl-chips{margin-bottom:18px}

/* ---------- Kennzahlen-Band ---------- */
.pl-proof{background:var(--ink);color:#fff;border-top:1px solid rgba(255,255,255,.1)}
.pl-proof ul{list-style:none;margin:0;padding:clamp(26px,3vw,40px) 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.pl-proof li{display:flex;flex-direction:column;gap:6px;padding-left:18px;border-left:2px solid transparent;border-image:linear-gradient(180deg,#6C45D2 0%,#AA2091 50%,#C20A23 100%) 1}
.pl-proof b{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,1.3rem + 1.4vw,2.8rem);line-height:1}
.pl-proof span{font-size:.88rem;color:rgba(255,255,255,.66)}
@media (max-width:820px){.pl-proof ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}}

/* ---------- Abschnittsmarken ---------- */
[data-variant="plus"] .outline-headline__title{font-family:var(--display);font-weight:var(--wd);font-size:1rem;letter-spacing:0;display:flex;align-items:center;gap:12px}
[data-variant="plus"] .pl-num{font-family:var(--serif);font-weight:400;font-size:1.6rem;background:var(--signal);-webkit-background-clip:text;background-clip:text;color:transparent}



/* ---------- Bild-Text-Reihen ---------- */
.pl-split{align-items:center;column-gap:0}
@media (min-width:768px){.pl-split.pl-rev>.pl-media{order:2}}
.pl-media img,.pl-media video{border-radius:var(--r)!important;width:100%;box-shadow:0 30px 60px -36px rgba(15,13,20,.55)}
.pl-media{position:relative}
.pl-media::after{content:"";position:absolute;width:56px;height:56px;right:-6px;bottom:-14px;background:linear-gradient(135deg,#6C45D2 0%,#AA2091 50%,#C20A23 100%);border-radius:var(--r);opacity:.9;z-index:-1}
.pl-text{padding-inline:clamp(14px,3vw,48px)!important}
.bg-dark .pl-media img{box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}

/* ---------- Bento-Karten ---------- */
.pl-bento{row-gap:20px!important}
.pl-card{border-radius:var(--r)!important;border:1px solid var(--line)!important;padding:clamp(24px,2.6vw,34px)!important;text-align:left!important;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s,background .32s!important;position:relative;background:#fff}
.bg-dark .pl-card{background:linear-gradient(180deg,#17151c,#121016)!important;border-color:rgba(255,255,255,.1)!important}
.pl-card .card-body{padding:0!important}
.pl-card .card-img-top{margin-bottom:22px}
.pl-card .card-img-top svg,.pl-card .card-img-top .img-fluid:not(img){width:58px!important;height:58px!important;padding:12px;border-radius:var(--r);background:linear-gradient(160deg,#6C45D2 0%,#AA2091 50%,#C20A23 100%);color:#fff;display:block}
.pl-card .card-img-top span.img-fluid svg{width:34px!important;height:34px!important;padding:0;background:none}
.pl-card .card-img-top span.img-fluid{display:grid;place-items:center}
.pl-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--signal);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .32s;pointer-events:none}
.pl-card:hover{transform:translateY(var(--ms-lift));box-shadow:0 34px 60px -36px rgba(15,13,20,.5)}
.pl-card:hover::before{opacity:1}
.pl-card .card-title,.pl-card h3,.pl-card h4{font-size:1.3rem!important;letter-spacing:-.02em!important}
.pl-card .link-list{margin-top:18px}
.pl-card .c-more{color:var(--red)}
.bg-dark .pl-card .c-more{color:#fff}
.pl-click{cursor:pointer}
.pl-stretch::after{content:"";position:absolute;inset:0;z-index:1}
[data-variant="plus"] a.card::after{display:none}

/* ---------- Checklisten ---------- */
ul.pl-checks{list-style:none;padding:0!important;display:grid;gap:12px;margin:18px 0}
ul.pl-checks.pl-2col{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
@media (max-width:700px){ul.pl-checks.pl-2col{grid-template-columns:1fr}}
ul.pl-checks li{position:relative;padding-left:36px;margin:0;line-height:1.5}
ul.pl-checks li::before{content:"";position:absolute;left:0;top:.1em;width:22px;height:22px;border-radius:var(--r);background:linear-gradient(135deg,#6C45D2 0%,#AA2091 50%,#C20A23 100%);box-shadow:none}
ul.pl-checks li::after{content:"";position:absolute;left:7px;top:calc(.1em + 5px);width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
ul.pl-checks.light li{color:rgba(255,255,255,.85)}

/* ---------- FAQ ---------- */
.pl-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px);align-items:start;margin-top:12px}
.pl-faq-aside{position:sticky;top:100px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.pl-faq-aside h2,.pl-faq-aside h3,.pl-faq-t{font-family:var(--display);font-weight:var(--wd);font-size:clamp(1.8rem,1.2rem + 2vw,3rem)!important;line-height:1.02;letter-spacing:-.035em;margin:0!important}
.pl-faq-note{color:var(--muted);margin:0!important}
.bg-dark .pl-faq-note{color:rgba(255,255,255,.66)}
.pl-faq-list details.acc{border:1px solid var(--line)!important;border-radius:var(--r);padding:0 22px;margin-bottom:10px;background:#fff;transition:box-shadow .2s}
.bg-dark .pl-faq-list details.acc{background:rgba(255,255,255,.04)}
.pl-faq-list details.acc[open]{box-shadow:0 20px 40px -28px rgba(15,13,20,.4)}
.pl-faq-list details.acc summary{font-size:1.08rem}
@media (max-width:900px){.pl-faq{grid-template-columns:1fr}.pl-faq-aside{position:static}}

/* ---------- Zitat ---------- */
[data-variant="plus"] .theme-quote{position:relative;padding:clamp(34px,5vw,64px);border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
[data-variant="plus"] .bg-heavycream .theme-quote,[data-variant="plus"] .bg-white .theme-quote{background:#fff;border-color:var(--line)}
[data-variant="plus"] .theme-quote::before{content:"“";position:absolute;left:28px;top:-34px;font-family:var(--serif);font-size:9rem;line-height:1;background:var(--signal);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- Referenzen: Filter über den Kacheln ---------- */
.pl-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.pl-filter button{all:unset;cursor:pointer;padding:10px 16px;border-radius:var(--r);font-weight:600;font-size:.92rem;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);display:inline-flex;gap:8px;align-items:center}
.pl-filter button small{opacity:.6;font-weight:500}
.pl-filter button[aria-pressed="true"]{background:#fff;color:var(--ink)}
.pl-filter button:focus-visible{outline:2px solid #fff;outline-offset:2px}
[data-variant="plus"] .mosaic{grid-auto-flow:dense}
[data-variant="plus"] .mosaic .card{border-radius:var(--r)}
[data-variant="plus"] .mosaic .card-body{position:absolute;left:12px;right:12px;bottom:12px;border-radius:var(--r);padding:14px 16px;background:rgba(14,13,18,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.14);transform:translateY(6px);transition:transform .32s}
[data-variant="plus"] .mosaic .card:hover .card-body{transform:none}
[data-variant="plus"] .mosaic .card-title{color:#fff!important}
[data-variant="plus"] .mosaic .card-img-top{height:100%}
[data-variant="plus"] .mosaic .card{background:#0f0e13}
[data-variant="plus"] .mosaic .card-img-top img{height:100%;min-height:220px}
[data-variant="plus"] .mosaic.filtered>div{grid-column:span 1;grid-row:span 1}

/* ---------- Blog: Inhaltsverzeichnis, Fortschritt, Autor ---------- */
.pl-progress{position:fixed;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#6C45D2 0%,#AA2091 50%,#C20A23 100%);transform-origin:0 50%;transform:scaleX(0);z-index:70}
.pl-toc{position:fixed;left:max(20px,calc((100vw - 880px)/2 - 290px));top:120px;width:250px;max-height:calc(100vh - 160px);overflow:auto;font-size:.88rem;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:20}
.pl-toc.show{opacity:1;visibility:visible}
.pl-toc b{display:block;margin-bottom:10px;font-weight:700}
.pl-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.pl-toc a{display:block;padding:7px 0 7px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;line-height:1.35}
.pl-toc a:hover{color:var(--text)}
.pl-toc a.on{color:var(--text);border-left-color:var(--red);font-weight:600}
@media (max-width:1439px){.pl-toc{display:none}}
.pl-author .pl-author-in{max-width:880px;margin:clamp(30px,4vw,56px) auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:22px 24px;border-radius:var(--r);border:1px solid var(--line);background:#fff}
.pl-author b{font-size:1.05rem}
.pl-author p{margin:2px 0 0!important;color:var(--muted);font-size:.95rem;max-width:52ch}
.pl-author .c-more{margin-left:auto}
.pl-avatar{width:52px;height:52px;border-radius:var(--r);background:var(--ink);display:grid;grid-template-columns:repeat(2,10px);gap:4px;place-content:center}
.pl-avatar i{width:10px;height:10px;background:var(--red)}
.pl-avatar i:nth-child(2){background:var(--magenta)}.pl-avatar i:nth-child(3){background:var(--violet)}.pl-avatar i:nth-child(4){background:transparent}

/* ---------- Kontaktband mit Ansprechperson ---------- */
.pl-cta-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,80px);align-items:center}
.pl-cta h2{max-width:14ch}
.pl-cta .pl-checks{margin-top:28px}
.pl-person{border-radius:var(--r);padding:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;grid-template-columns:auto 1fr;gap:16px 18px;align-items:center}
.pl-person img{width:84px;height:84px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px rgba(255,255,255,.12),0 0 0 6px rgba(108,69,210,.35)}
.pl-person b{display:block;font-size:1.15rem}
.pl-person span{color:rgba(255,255,255,.66);font-size:.92rem}
.pl-person p{grid-column:1/-1;margin:0;color:rgba(255,255,255,.78);font-size:.98rem}
.pl-person-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}
.pl-person-links a{flex:1 1 auto;text-align:center;padding:12px 14px;border-radius:var(--r);background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-weight:600;font-size:.92rem}
.pl-person-links a:hover{background:#fff;color:var(--ink)}
@media (max-width:900px){.pl-cta-grid{grid-template-columns:1fr}}

/* ---------- Tabellen, Galerie, Bilder ---------- */
[data-variant="plus"] .table-responsive{border-radius:var(--r);border:1px solid var(--line);background:#fff}
[data-variant="plus"] .bg-dark .table-responsive{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12)}
[data-variant="plus"] .table thead th{background:rgba(15,13,20,.04)}
[data-variant="plus"] .gallery-item,[data-variant="plus"] .page-body .col-md>img,[data-variant="plus"] .page-body figure img{border-radius:var(--r)}
[data-variant="plus"] .pcard{border-radius:var(--r)}

/* ---------- Einblenden ---------- */
.pl-rv{opacity:0;transform:translateY(24px);transition:opacity .32s cubic-bezier(.2,.7,.2,1),transform .32s cubic-bezier(.2,.7,.2,1)}
.pl-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.pl-rv{opacity:1;transform:none}}
[data-variant="plus"] .mosaic .card-img-top span.img-fluid{display:grid;place-items:center;height:100%;min-height:220px;background:#fff}
[data-variant="plus"] .mosaic .card-img-top span.img-fluid svg{width:60%!important;height:auto!important;max-height:50%;color:var(--ink)}
.pl-card .card-footer{padding:0;margin-top:14px}
.pl-card .card-img-top:empty{display:none}

/* ---------- So arbeiten wir ---------- */
.pl-process{background:#fff;padding-block:clamp(64px,8vw,110px)}
.pl-process ol{list-style:none;margin:0;padding:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:none}
.pl-process li{position:relative;padding:26px 22px;border-radius:var(--r);background:#F5F5F7;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.pl-process li::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#6C45D2 0%,#AA2091 50%,#C20A23 100%);transform:scaleX(.18);transform-origin:left;transition:transform .32s}
.pl-process li:hover::after{transform:scaleX(1)}
.pl-process .n{font-family:var(--serif);font-size:2.4rem;line-height:1;background:var(--signal);-webkit-background-clip:text;background-clip:text;color:transparent}
.pl-process b{font-size:1.15rem}
.pl-process p{margin:0!important;color:var(--muted);font-size:.95rem}
@media (max-width:900px){.pl-process ol{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pl-process ol{grid-template-columns:1fr}}

/* ---------- Schnellanfrage im Kontaktband ---------- */
.qform{grid-column:1/-1;display:grid;gap:12px;margin-top:4px}
.qform .field{display:grid;gap:6px}
.qform label{font-size:.85rem;font-weight:600;color:rgba(255,255,255,.8)}
.qform label small{font-weight:500;color:rgba(255,255,255,.55)}
.qform input{font:inherit;width:100%;padding:13px 14px;border-radius:var(--r);border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff}
.qform input::placeholder{color:rgba(255,255,255,.4)}
.qform input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 4px rgba(108,69,210,.35)}
.qform .btn{width:100%;justify-content:space-between}
.qform .kf-e{color:#ff9aa8}
.qform .bad .kf-e{display:block}
.qf-ok{display:none;margin:0!important;color:#fff;font-weight:600}
.qform.done .field,.qform.done .btn{display:none}
.qform.done .qf-ok{display:block}
.pl-person-links{margin-top:2px}

/* ---------- Schwebender Kontakt ---------- */
.pl-fab{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:57;display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:var(--r);background:rgba(14,13,18,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;box-shadow:0 20px 40px -18px rgba(0,0,0,.6);transform:translateY(20px);opacity:0;pointer-events:none;transition:transform .32s,opacity .32s}
.pl-fab.show{transform:none;opacity:1;pointer-events:auto}
.pl-fab img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.pl-fab span{display:flex;flex-direction:column;line-height:1.2}
.pl-fab b{font-size:.92rem}
.pl-fab small{font-size:.76rem;color:rgba(255,255,255,.6)}
.pl-fab:hover{background:var(--ink);border-color:rgba(255,255,255,.4)}
@media (max-width:767px){.pl-fab{display:none}}
.pl-frame{background:linear-gradient(160deg,#6C45D2 0%,#AA2091 50%,#C20A23 100%)}
.pl-frame::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:22px 22px}
.pl-frame img,.pl-frame video{position:relative}
.pl-hleft h1.long{max-width:22ch}

/* Wechsel dunkel / hell */
.tone-dark{background:var(--ink)!important;color:#fff}
.tone-dark .c-rel-head h2,.tone-dark h2{color:#fff}
.tone-dark .pl-process li,.pl-process.tone-dark li{background:rgba(255,255,255,.05);color:#fff}
.tone-dark .pl-process p,.pl-process.tone-dark p{color:rgba(255,255,255,.65)}
.tone-light{background:#fff!important;color:var(--text)}
.tone-light .c-rcard.case{background:#F5F5F7;border-color:var(--line);color:var(--text)}


.c-rel-cases.tone-light .c-rcard{background:#F5F5F7;border-color:var(--line);color:var(--text)}
.pl-acc-plain>details.acc{border:1px solid var(--line)!important;border-radius:var(--r);padding:0 20px;margin-bottom:10px;background:#fff;color:var(--text)}.bg-dark .pl-acc-plain>details.acc{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)!important;color:#fff}
.tone-dark .c-rcard.post,.c-rel-posts.tone-dark .c-rcard{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#fff}