/** Shopify CDN: Minification failed

Line 1740:0 Expected "}" to go with "{"

**/
/* ==========================================================================
   PrintableArtForge - Section Kit
   Alles ist unter .paf gekapselt und jede Klasse traegt das Praefix paf-.
   Damit kann nichts mit Clarity 2.0 kollidieren.
   Palette und Display-Schrift stammen aus dem bestehenden Theme (scheme-2).
   ========================================================================== */
.paf,.paf-b{
  /* Rueckfallwerte, falls das Theme kein Farbschema liefert. */
  --ink:#0B0B0C; --ink-800:#141416; --ink-700:#1D1D20; --ink-600:#2A2A2E; --ink-500:#3A3A40;
  --gold:#C4A54D; --gold-bright:#E8C76F; --gold-deep:#6E5514;
  --cream:#F6F1EF; --cream-dim:#B9B2AD;
  --paper:#FAF9F7; --graphite:#16181C; --graphite-dim:#54585F; --line-light:#E1DDD4;
  --display:"Libre Bodoni",Georgia,serif;
  --ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;
  --wrap:1320px; --r:2px;
  --ease-out:cubic-bezier(0.23,1,0.32,1);
  --ease-in-out:cubic-bezier(0.77,0,0.175,1);
  --pt:clamp(64px,9vw,120px); --pb:clamp(64px,9vw,120px);

  /* Farbschema aus dem Theme-Editor. Clarity setzt diese Variablen auf
     jeder .color-scheme-N Flaeche, deshalb erben Bloecke automatisch das
     Schema des Abschnitts, in dem sie stehen. */
  --ink:var(--color-background,#0B0B0C);
  --ink-800:color-mix(in srgb,var(--color-background,#0B0B0C) 94%,var(--color-foreground,#F6F1EF));
  --ink-700:color-mix(in srgb,var(--color-background,#0B0B0C) 88%,var(--color-foreground,#F6F1EF));
  --ink-600:color-mix(in srgb,var(--color-background,#0B0B0C) 80%,var(--color-foreground,#F6F1EF));
  --ink-500:color-mix(in srgb,var(--color-background,#0B0B0C) 68%,var(--color-foreground,#F6F1EF));
  --cream:var(--color-foreground,#F6F1EF);
  --cream-dim:color-mix(in srgb,var(--color-foreground,#F6F1EF) 70%,var(--color-background,#0B0B0C));
  --gold:var(--color-foreground-heading,#C4A54D);
  --gold-bright:color-mix(in srgb,var(--color-foreground-heading,#C4A54D) 74%,#FFFFFF);
  --gold-deep:color-mix(in srgb,var(--color-foreground-heading,#C4A54D) 55%,#000000);
}
.paf{
  display:block; background:var(--ink); color:var(--cream);
  font-family:var(--ui); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;
  padding-top:var(--pt); padding-bottom:var(--pb);
}
.paf *,.paf *::before,.paf *::after{box-sizing:border-box}
.paf img{display:block;max-width:100%;height:auto}
.paf a{color:inherit}
.paf h1,.paf h2,.paf h3,.paf h4{font-family:var(--display);font-weight:400;line-height:1.14;margin:0;letter-spacing:-.012em}
.paf p{margin:0}
.paf-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.paf-kicker{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 14px}
.paf-lede{color:var(--cream-dim);max-width:62ch;font-size:1.02rem}
.paf-h2{font-size:clamp(1.9rem,1.25rem + 2.2vw,3rem)}
.paf-center{text-align:center}
.paf-ctas{display:flex;gap:14px;flex-wrap:wrap}
.paf-vh{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.paf-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
  font-family:var(--ui);font-size:.84rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  padding:1.05rem 2rem;border-radius:var(--r);border:1px solid transparent;cursor:pointer;text-decoration:none;
  transition:background .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out),transform .12s var(--ease-out)}
.paf-btn:active{transform:translateY(1px)}
.paf-btn--1{background:var(--gold);color:#120E04;border-color:var(--gold)}
.paf-btn--1:hover{background:var(--gold-bright);border-color:var(--gold-bright)}
.paf-btn--2{background:transparent;color:var(--gold);border-color:var(--gold)}
.paf-btn--2:hover{background:var(--gold);color:#120E04}
.paf-btn--sm{padding:.7rem 1.2rem;font-size:.74rem}
.paf-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}

/* ---------- hero ---------- */
.paf-hero{position:relative;min-height:min(88dvh,760px);display:flex;align-items:center;overflow:hidden;padding:0}
/* Ohne Buttons darf der Hero flacher sein - sonst steht viel Luft um wenig Inhalt. */
.paf-hero--flat{min-height:min(58dvh,520px)}
.paf-hero__bg,.paf-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.paf-hero__video{opacity:0;transition:opacity 600ms var(--ease-out);pointer-events:none}
.paf-hero__video.is-ready{opacity:1}
.paf-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(11,11,12,.96) 0%,rgba(11,11,12,.86) 38%,rgba(11,11,12,.2) 82%)}
.paf-hero .paf-wrap{position:relative;z-index:2;padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(48px,7vw,96px)}
.paf-hero h1,.paf-hero .paf-hero__h{font-size:clamp(2.3rem,1.4rem + 3.4vw,4rem);max-width:17ch;margin:0 0 20px;line-height:1.08}
.paf-hero__sub{font-size:1.08rem;color:var(--cream-dim);max-width:46ch;margin:0 0 34px}
.paf-hero__toggle{position:absolute;z-index:3;right:24px;bottom:24px;width:44px;height:44px;display:grid;place-items:center;
  background:rgba(11,11,12,.62);border:1px solid rgba(246,241,239,.28);border-radius:50%;cursor:pointer;backdrop-filter:blur(6px);
  transition:border-color 160ms var(--ease-out),background 160ms var(--ease-out),transform 120ms var(--ease-out)}
.paf-hero__toggle:active{transform:scale(.94)}
.paf-hero__toggle:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.paf-hero__toggle:hover{border-color:var(--gold);background:rgba(11,11,12,.82)}}
.paf-hero__ico{width:12px;height:13px;border-left:3px solid var(--cream);border-right:3px solid var(--cream)}
.paf-hero__toggle[aria-pressed="true"] .paf-hero__ico{width:0;height:0;border:0;border-left:11px solid var(--cream);
  border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}

/* ---------- trust ---------- */
.paf-trust{padding-top:26px;padding-bottom:26px;background:var(--ink-800);
  border-top:1px solid var(--ink-600);border-bottom:1px solid var(--ink-600)}
.paf-trust__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:24px;text-align:center}
.paf-trust__i{display:block;color:var(--cream);font-weight:600;font-size:.94rem;margin-bottom:3px;font-family:var(--display);font-style:normal}
.paf-trust__t{font-size:.8rem;color:var(--cream-dim)}
.paf-stars{color:var(--gold);letter-spacing:2px}

/* ---------- doors ---------- */
.paf-doors{display:grid;grid-template-columns:1.32fr 1fr;grid-auto-rows:minmax(210px,auto);gap:16px}
.paf-door{position:relative;overflow:hidden;border:1px solid var(--ink-600);text-decoration:none;display:block;min-height:230px}
.paf-door--lead{grid-row:span 2;min-height:480px}
.paf-door img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--paf-pos,50% 50%);object-position:var(--paf-pos,50% 50%);transition:transform .7s var(--ease-out)}
.paf-door:hover img{transform:scale(1.045)}
.paf-door::after{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(11,11,12,.94) 6%,rgba(11,11,12,.28) 62%,rgba(11,11,12,.1) 100%)}
.paf-door__txt{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:26px 28px}
.paf-door__txt h3{font-size:1.5rem;margin-bottom:7px}
.paf-door--lead .paf-door__txt h3{font-size:2rem}
.paf-door__txt p{font-size:.87rem;color:var(--cream-dim);margin:0 0 12px;max-width:38ch}
.paf-door__go{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}

/* ---------- product grid ---------- */
.paf-gitem{display:contents}
.paf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:18px}
/* Feste Spaltenzahl erst ab Tablet - darunter entscheidet die Handy-Einstellung. */
@media (min-width:760px){
  .paf-grid--2{grid-template-columns:repeat(2,1fr)}
  .paf-grid--3{grid-template-columns:repeat(3,1fr)}
  .paf-grid--4{grid-template-columns:repeat(4,1fr)}
}
/* Handy. Zwei Kacheln nebeneinander heisst engere Abstaende und kleinere
   Schrift in der Kachel - sonst bricht der Titel nach jedem Wort um. */
@media (max-width:759px){
  .paf-grid--m1{grid-template-columns:1fr}
  .paf-grid--m2{grid-template-columns:repeat(2,1fr);gap:11px}
  .paf-grid--m2 .paf-card__b{padding:11px}
  .paf-grid--m2 .paf-card__n{font-size:.92rem;line-height:1.25}
  .paf-grid--m2 .paf-card__s,.paf-grid--m2 .paf-card__r{font-size:.7rem;margin-bottom:7px}
  .paf-grid--m2 .paf-card__p{font-size:.95rem}
  .paf-grid--m2 .paf-sw{width:15px;height:15px}
  .paf-grid--m2 .paf-tag{font-size:.56rem;padding:4px 7px}
}
.paf-card{background:var(--ink-800);border:1px solid var(--ink-600);text-decoration:none;display:block;
  transition:transform .22s var(--ease-out),border-color .22s var(--ease-out)}
.paf-card:hover{transform:translateY(-4px);border-color:var(--gold)}
.paf-card__m{position:relative;aspect-ratio:1;background:#000;overflow:hidden}
.paf-card__m img{width:100%;height:100%;object-fit:cover}
.paf-card__b{padding:17px}
.paf-card__n{font-family:var(--display);font-size:1.02rem;line-height:1.3;margin-bottom:5px}
.paf-card__s{font-size:.76rem;color:var(--cream-dim);margin-bottom:11px}
.paf-card__p{color:var(--gold);font-weight:600;font-size:.95rem}
.paf-card__r{font-size:.74rem;color:var(--cream-dim);margin-bottom:8px}
.paf-tag{position:absolute;top:11px;left:11px;background:var(--gold);color:#120E04;font-size:.61rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;z-index:2}
.paf-tag--q{background:var(--ink-700);color:var(--cream-dim)}
.paf-tag--3d{background:rgba(11,11,12,.82);color:var(--gold);border:1px solid var(--gold);left:auto;right:11px}
.paf-sws{display:flex;gap:6px;margin-bottom:11px}
.paf-sw{width:19px;height:19px;border-radius:50%;border:1px solid var(--ink-500);padding:0;cursor:pointer;background:transparent}
.paf-sw[aria-pressed="true"]{outline:1px solid var(--gold);outline-offset:2px}
.paf-g-gold{background:linear-gradient(145deg,#E3C87A,#9C7C2A)}
.paf-g-silver{background:linear-gradient(145deg,#DDE0E3,#8B9096)}
.paf-g-bronze{background:linear-gradient(145deg,#C08A55,#7A4A25)}
.paf-g-black{background:linear-gradient(145deg,#3A3A3D,#0C0C0D)}

/* ---------- crossfade stage ---------- */
.paf-xf{position:relative;overflow:hidden}
.paf-xf img{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--paf-fit,cover);opacity:0;
  transition:opacity .42s var(--ease-out)}
.paf-xf img.on{opacity:1}
.paf-xf::after{content:"";display:block;padding-top:100%}

/* ---------- finish band ---------- */
.paf-fin__stage{border:1px solid var(--ink-600);background:#0B0B0C}
.paf-fin__stage::after{padding-top:var(--paf-ratio,100%)}
.paf-fin{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--ink-600);margin-top:2px}
.paf-fin button{background:var(--ink-800);border:0;padding:20px 18px;cursor:pointer;font-family:inherit;
  text-align:left;color:var(--cream);transition:background 250ms var(--ease-out)}
.paf-fin button:hover{background:var(--ink-700)}
.paf-fin button[aria-pressed="true"]{background:rgba(196,165,77,.11)}
.paf-fin button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:-2px}
.paf-fin__sw{display:block;width:26px;height:26px;border-radius:50%;border:1px solid var(--ink-500);margin-bottom:12px}
.paf-fin b{display:block;font-family:var(--display);font-weight:400;font-size:1.05rem}
.paf-fin__pr{font-size:.78rem;color:var(--cream-dim)}

/* ---------- 3D showcase ---------- */
.paf-three{background:#000;border-top:1px solid var(--ink-600);border-bottom:1px solid var(--ink-600)}
.paf-three__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,64px);align-items:center}
.paf-three__stage{position:relative;aspect-ratio:1;border:1px solid var(--ink-600);
  background:radial-gradient(ellipse at 50% 42%,#1b1a17 0%,#000 68%)}
/* Ohne Modell ist die Buehne nur noch ein Bildrahmen. Der Zeiger bleibt ein
   Pfeil - es gibt nichts zu greifen, und ein Greifzeiger auf einem starren
   Bild ist ein Versprechen, das die Seite nicht halten kann. */
.paf-three__stage--flat{cursor:default}
.paf-three__stage--flat .paf-three__poster{padding:6%}
.paf-three__stage model-viewer{width:100%;height:100%;background:transparent;--poster-color:transparent}
.paf-three__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%;
  transition:opacity 600ms var(--ease-out)}
.paf-three__stage[data-live] .paf-three__poster{opacity:0;pointer-events:none}
.paf-three__hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:2;font-size:.7rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--cream-dim);background:rgba(11,11,12,.66);
  border:1px solid rgba(246,241,239,.2);padding:8px 14px;backdrop-filter:blur(6px);pointer-events:none;
  opacity:0;transition:opacity 400ms var(--ease-out)}
.paf-three__stage[data-live] .paf-three__hint,
.paf-p3d__stage[data-live] .paf-three__hint{opacity:1}
.paf-three__stage[data-touched] .paf-three__hint,
.paf-p3d__stage[data-touched] .paf-three__hint{opacity:0}
.paf-three__load{position:absolute;inset:0;display:grid;place-items:center;z-index:3;background:transparent;border:0;cursor:pointer;font-family:inherit}
.paf-three__load span{background:rgba(11,11,12,.72);border:1px solid var(--gold);color:var(--gold);padding:1rem 1.9rem;
  font-size:.84rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(8px);
  transition:background 200ms var(--ease-out),color 200ms var(--ease-out)}
.paf-three__load:hover span{background:var(--gold);color:#120E04}
.paf-three__load:focus-visible{outline:2px solid var(--gold-bright);outline-offset:-6px}
.paf-three__stage[data-live] .paf-three__load,
.paf-p3d__stage[data-live] .paf-three__load,
.paf-tint__stage[data-live] .paf-three__load{display:none}
.paf-three__ar{position:absolute;z-index:4;left:14px;bottom:14px;background:rgba(11,11,12,.78);border:1px solid var(--gold);
  color:var(--gold);padding:.62rem 1.05rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  font-family:inherit;cursor:pointer;backdrop-filter:blur(6px);transition:background 200ms var(--ease-out),color 200ms var(--ease-out)}
.paf-three__ar:hover{background:var(--gold);color:#120E04}
.paf-three__facts{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--ink-600)}
.paf-three__facts li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;
  border-bottom:1px solid var(--ink-600);font-size:.88rem;color:var(--cream-dim)}
.paf-three__facts b{color:var(--cream);font-weight:600;font-variant-numeric:tabular-nums}

/* ---------- split, value cards, steps, slides ---------- */
.paf-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.paf-split--wide{grid-template-columns:1.15fr .85fr}
.paf-split img{border:1px solid var(--ink-600)}
.paf-vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(206px,1fr));gap:16px}
.paf-val{background:var(--ink-800);border:1px solid var(--ink-600);padding:22px 24px}
.paf-val b{display:block;font-family:var(--display);font-weight:400;font-size:1.5rem;color:var(--gold);margin-bottom:6px}
.paf-val span{font-size:.85rem;color:var(--cream-dim)}
.paf-val em{font-style:normal;display:block;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--cream-dim);margin-bottom:9px}
.paf-pts{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--ink-600)}
.paf-pts li{font-size:.9rem;color:var(--cream-dim);padding:13px 0;border-bottom:1px solid var(--ink-600)}
.paf-pts li b{color:var(--cream);font-weight:600}

.paf-seq__vp{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none;counter-reset:pafseq}
.paf-seq__vp::-webkit-scrollbar{display:none}
.paf-slide{flex:0 0 min(78%,440px);scroll-snap-align:start;background:var(--ink-800);border:1px solid var(--ink-600);
  padding:30px 32px;min-height:270px;display:flex;flex-direction:column;counter-increment:pafseq}
.paf-slide::before{content:counter(pafseq,decimal-leading-zero);font-family:var(--display);font-size:1.5rem;color:var(--gold);display:block;margin-bottom:14px}
.paf-slide h4{font-size:1.24rem;margin-bottom:9px}
.paf-slide p{font-size:.9rem;color:var(--cream-dim)}
.paf-slide__note{margin-top:auto;padding-top:18px;font-size:.78rem;color:var(--gold)}
.paf-seq__ui{display:flex;align-items:center;gap:16px;margin-top:22px}
.paf-seq__dots{display:flex;gap:7px;margin-right:auto}
.paf-seq__dots button{width:26px;height:3px;border:0;padding:0;background:var(--ink-500);cursor:pointer;
  transition:background .3s var(--ease-out),width .3s var(--ease-out)}
.paf-seq__dots button[aria-current="true"]{background:var(--gold);width:44px}
.paf-seq__nav{display:flex;gap:8px}
.paf-seq__nav button{width:44px;height:44px;border:1px solid var(--ink-500);background:transparent;color:var(--cream);
  cursor:pointer;font-size:1rem;font-family:inherit;transition:border-color .2s var(--ease-out),color .2s var(--ease-out),transform .12s var(--ease-out)}
.paf-seq__nav button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}
.paf-seq__nav button:active:not(:disabled){transform:translateY(1px)}
.paf-seq__nav button:disabled{opacity:.35;cursor:default}
.paf-seq__nav button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}

/* ---------- reviews ---------- */
.paf-rev{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(30px,5vw,60px);align-items:start}
.paf-rev__sum b{display:block;font-family:var(--display);font-size:clamp(3rem,2rem + 3vw,4.6rem);line-height:.95;color:var(--gold)}
.paf-rev__sum p{color:var(--cream-dim);font-size:.9rem;margin:14px 0 0;max-width:30ch}
.paf-rev__list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.paf-rev__list--1{grid-template-columns:1fr}
.paf-rev__list--3{grid-template-columns:repeat(3,1fr)}
/* App-Bloecke - Judge.me, Loox und Co - entscheiden anhand ihrer Containerbreite,
   wie viele Bewertungen nebeneinander passen. In einer halben Rasterspalte kam
   deshalb nur eine an. Sie bekommen die volle Breite. */
.paf-rev__list > .shopify-app-block,
.paf-rev__list > .shopify-block.shopify-app-block{grid-column:1 / -1;min-width:0}
.paf-quote{background:var(--ink-800);border:1px solid var(--ink-600);padding:24px 26px}
.paf-quote blockquote{font-family:var(--display);font-size:1.06rem;line-height:1.48;margin:10px 0 14px}
.paf-quote cite{font-style:normal;font-size:.77rem;color:var(--cream-dim)}
.paf-quote cite i{font-style:normal;color:var(--gold)}

/* ---------- PRO band ---------- */
/* Der helle Papier-Look ist eine bewusste Ausnahme und liegt jetzt auf einem
   eigenen Modifier. Ohne ihn folgt der Abschnitt dem gewaehlten Farbschema. */
.paf-pro--paper{background:var(--paper);color:var(--graphite)}
.paf-pro--paper .paf-kicker{color:var(--gold-deep)}
.paf-pro--paper .paf-lede{color:var(--graphite-dim)}
.paf-pro__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:center}
.paf-pro--paper .paf-btn--1{background:var(--graphite);color:var(--paper);border-color:var(--graphite)}
.paf-pro--paper .paf-btn--1:hover{background:#000;border-color:#000}
.paf-pro--paper .paf-btn--2{color:var(--gold-deep);border-color:var(--gold-deep)}
.paf-pro--paper .paf-btn--2:hover{background:var(--gold-deep);color:var(--paper)}
.paf-pro__specs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.paf-pro__spec{background:var(--ink-800);border:1px solid var(--ink-600);padding:20px}
.paf-pro__spec b{font-family:var(--display);font-weight:400;font-size:1.1rem;display:block;margin-bottom:5px}
.paf-pro__spec span{font-size:.82rem;color:var(--color-foreground-muted,var(--cream-dim))}
.paf-pro--paper .paf-pro__spec{background:#fff;border-color:var(--line-light)}
.paf-pro--paper .paf-pro__spec span{color:var(--graphite-dim)}

/* ---------- FAQ ---------- */
.paf-faq{max-width:860px}
.paf-faq details{border-bottom:1px solid var(--ink-600)}
.paf-faq summary{cursor:pointer;padding:23px 0;font-family:var(--display);font-size:1.14rem;list-style:none;
  display:flex;justify-content:space-between;gap:20px;align-items:center}
.paf-faq summary::-webkit-details-marker{display:none}
.paf-faq summary::after{content:"+";color:var(--gold);font-size:1.4rem;flex:0 0 auto}
.paf-faq details[open] summary::after{content:"\2013"}
.paf-faq__a{margin:0 0 23px;color:var(--cream-dim);font-size:.95rem;max-width:68ch}

/* ---------- motion ---------- */
/* Verborgen wird nur, wenn das Skript wirklich laeuft. html.paf-jsr setzt
   paf-js. Ohne JavaScript, bei einem Skriptfehler oder wenn ein Abschnitt
   erst spaeter in die Seite kommt, bleibt der Text sichtbar. */
html.paf-jsr [data-paf-rv]:not(.in){opacity:0;transform:translateY(22px)}
[data-paf-rv]{transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);
  transition-delay:var(--d,0s)}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .paf-hero__bg{animation:pafDrift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    @keyframes pafDrift{from{transform:scale(1.06) translateY(-1.5%)}to{transform:scale(1) translateY(1.5%)}}
    .paf-slide{animation:pafSettle linear both;animation-timeline:view(x);animation-range:entry 0% entry 62%}
    @keyframes pafSettle{from{opacity:.42;transform:translateY(14px)}to{opacity:1;transform:none}}
  }
}
@media (prefers-reduced-motion: reduce){
  html.paf-jsr [data-paf-rv],[data-paf-rv]{opacity:1!important;transform:none!important;transition:none!important}
  .paf-hero__bg{animation:none!important;transform:none!important}
  .paf-seq__vp{scroll-behavior:auto}
  .paf *,.paf *::before,.paf *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  .paf-split,.paf-split--wide,.paf-pro__grid,.paf-rev,.paf-rev__list,.paf-three__grid,.paf-doors{grid-template-columns:1fr}
  .paf-door--lead{grid-row:auto;min-height:340px}
  .paf-fin{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .paf{--pt:clamp(44px,7vw,72px);--pb:clamp(44px,7vw,72px)}
  .paf-wrap{padding:0 18px}
  .paf-hero{min-height:74dvh}
  .paf-hero--flat{min-height:48dvh}
  .paf-hero::after{background:linear-gradient(0deg,rgba(11,11,12,.96) 22%,rgba(11,11,12,.62) 100%)}
  .paf-hero__toggle{right:16px;bottom:16px}
  .paf-pro__specs{grid-template-columns:1fr}
  .paf-fin__stage::after{padding-top:var(--paf-ratio-m,125%)}
  .paf-slide{flex:0 0 84%;padding:26px 24px;min-height:240px}
}


/* ==========================================================================
   Nachtrag: Farbschemata, Verlinkungen, Lesbarkeit
   ========================================================================== */


/* ---------- FAQ: Hover darf den Text nicht schlucken ---------- */
.paf .paf-faq summary,.paf-acc summary{color:var(--cream);transition:color .3s var(--ease-out)}
.paf .paf-faq summary:hover,.paf-acc summary:hover,
.paf .paf-faq summary:focus-visible,.paf-acc summary:focus-visible,
.paf .paf-faq details[open] > summary,.paf-acc details[open] > summary{color:var(--gold);background:transparent}
.paf .paf-faq summary:focus-visible,.paf-acc summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.paf .paf-faq details:hover{background:transparent}

/* ---------- Vertrauensleiste: verlinkte Merkmale ---------- */
.paf-trust__l{display:block;text-decoration:none;color:inherit;border-radius:3px;
  padding:10px 8px;margin:-10px -8px;
  transition:background .3s var(--ease-out),transform .3s var(--ease-out)}
.paf-trust__l:hover{background:var(--ink-700)}
.paf-trust__l:hover .paf-trust__i{color:var(--gold)}
.paf-trust__l:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ---------- Bewertungen: Einzel-Link und Sammellink ---------- */
.paf-quote--l{display:block;text-decoration:none;color:inherit;
  transition:border-color .3s var(--ease-out),background .3s var(--ease-out)}
.paf-quote--l:hover{border-color:var(--gold);background:var(--ink-700)}
.paf-quote--l:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.paf-rev__all{display:inline-block;margin-top:20px;color:var(--gold);text-decoration:none;
  font-size:.86rem;letter-spacing:.04em;
  border-bottom:1px solid rgba(196,165,77,.4);padding-bottom:2px;
  transition:border-color .3s var(--ease-out)}
.paf-rev__all:hover{border-bottom-color:var(--gold)}

/* ==========================================================================
   Abschnitte der uebrigen Seiten
   ========================================================================== */
.paf-wrap--narrow{max-width:820px}
.paf-wrap--mid{max-width:1020px}
.paf-wrap--full{max-width:var(--wrap)}
.paf-h1{font-family:var(--display);font-weight:600;line-height:1.04;letter-spacing:-.01em;
  font-size:clamp(2.2rem,1.4rem + 3.4vw,4rem);margin:0 0 18px}

/* ---------- Seitenkopf ---------- */
.paf-phero{padding-top:clamp(44px,6vw,88px);padding-bottom:clamp(44px,6vw,88px);
  border-bottom:1px solid var(--ink-600)}
.paf-phero__grid{display:grid;gap:clamp(26px,4vw,56px);align-items:center}
.paf-phero--split .paf-phero__grid{grid-template-columns:1.05fr .95fr}
.paf-phero__m img{width:100%;height:auto;border:1px solid var(--ink-600);border-radius:3px;
  display:block}
@media(max-width:880px){.paf-phero--split .paf-phero__grid{grid-template-columns:1fr}}

/* ---------- Schritte ---------- */
.paf-steps{list-style:none;margin:38px 0 0;padding:0;display:grid;gap:clamp(20px,2.6vw,30px)}
.paf-steps--3{grid-template-columns:repeat(3,1fr)}
.paf-steps--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.paf-steps--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.paf-steps--3,.paf-steps--4{grid-template-columns:1fr}}
.paf-step{position:relative;border-top:1px solid var(--ink-600);padding-top:26px}
.paf-step__n{position:absolute;top:-10px;left:0;background:var(--ink);padding-right:12px;
  font-family:var(--display);font-size:.82rem;color:var(--gold);letter-spacing:.1em}
.paf-step__t{font-family:var(--display);font-size:1.16rem;margin:0 0 8px;font-weight:600}
.paf-step__x{color:var(--cream-dim);font-size:.94rem;margin:0}
.paf-step__n2{color:var(--gold);font-size:.78rem;margin:12px 0 0;letter-spacing:.03em}

/* ---------- Kartenraster ---------- */
.paf-tiles{display:grid;gap:clamp(16px,2vw,26px);margin-top:38px}
.paf-tiles--2{grid-template-columns:repeat(2,1fr)}
.paf-tiles--3{grid-template-columns:repeat(3,1fr)}
.paf-tiles--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.paf-tiles--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.paf-tiles--2,.paf-tiles--3,.paf-tiles--4{grid-template-columns:1fr}}
.paf-tile{background:var(--ink-800);border:1px solid var(--ink-600);border-radius:4px;
  padding:clamp(20px,2.4vw,30px)}
.paf-tile--l{display:block;text-decoration:none;color:inherit;
  transition:border-color .3s var(--ease-out),background .3s var(--ease-out)}
.paf-tile--l:hover{border-color:var(--gold);background:var(--ink-700)}
.paf-tile__n{display:block;font-family:var(--display);font-size:1.9rem;color:var(--gold);
  line-height:1;margin-bottom:14px}
.paf-tile__e{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);margin-bottom:10px}
.paf-tile__t{font-family:var(--display);font-size:1.18rem;margin:0 0 9px;font-weight:600}
.paf-tile__x{color:var(--cream-dim);font-size:.94rem}
.paf-tile__x p{margin:0 0 10px}.paf-tile__x p:last-child{margin-bottom:0}

/* ---------- Datentabelle ---------- */
.paf-tbl{width:100%;border-collapse:collapse;font-size:.93rem;margin-top:26px}
.paf-tbl th,.paf-tbl td{text-align:left;padding:14px 16px;vertical-align:top;
  border-bottom:1px solid var(--ink-600)}
.paf-tbl th{color:var(--cream);font-weight:600;width:38%;font-family:var(--display)}
.paf-tbl td{color:var(--cream-dim)}
.paf-tbl td p{margin:0}
.paf-tbl--sum{margin-top:20px;font-size:.88rem}
.paf-tbl--sum th,.paf-tbl--sum td{padding:11px 0}
.paf-tbl--sum td{text-align:right;color:var(--cream)}

/* ---------- Formularelemente ---------- */
.paf-form,.paf-cfg__form{margin-top:30px}
.paf-field{margin-bottom:22px}
.paf-label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cream-dim);margin-bottom:9px}
.paf-label .paf-opt{font-weight:400;letter-spacing:.04em;text-transform:none;opacity:.75}
.paf-req{color:var(--gold)}
.paf-input,.paf-select,.paf-textarea{width:100%;background:var(--ink-800);
  border:1px solid var(--ink-600);border-radius:2px;color:var(--cream);
  font:400 .95rem/1.5 var(--ui);padding:14px 16px;
  transition:border-color .3s var(--ease-out),background .3s var(--ease-out)}
.paf-textarea{min-height:130px;resize:vertical}
.paf-input:focus,.paf-select:focus,.paf-textarea:focus{outline:none;border-color:var(--gold);
  background:var(--ink-700)}
.paf-help{font-size:.78rem;color:var(--cream-dim);margin:8px 0 0;line-height:1.6}
.paf-help p{margin:0}
.paf-check{display:flex;gap:12px;align-items:flex-start;font-size:.88rem;color:var(--cream-dim);
  line-height:1.55;cursor:pointer;margin-bottom:16px}
.paf-check input{margin-top:3px;width:17px;height:17px;accent-color:var(--gold);flex:none}
.paf-check p{margin:0}
.paf-form__ok{border-left:2px solid var(--gold);background:var(--ink-800);padding:16px 20px;
  color:var(--cream);margin-bottom:22px}
.paf-form__err{border-left:2px solid #9b6b5e;background:var(--ink-800);padding:16px 20px;
  color:var(--cream-dim);margin-bottom:22px}

.paf-drop{border:1px dashed var(--ink-500);border-radius:3px;background:var(--ink-800);
  padding:clamp(24px,3.4vw,40px);text-align:center;cursor:pointer;position:relative;
  transition:border-color .3s var(--ease-out),background .3s var(--ease-out)}
.paf-drop:hover,.paf-drop:focus-within{border-color:var(--gold);background:var(--ink-700)}
.paf-drop:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.paf-drop__ic{margin:0 auto 12px;color:var(--gold)}
.paf-drop__t{margin:0;color:var(--cream);font-weight:600;font-size:.95rem}
.paf-drop input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.paf-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.paf-thumb{width:72px;height:72px;border-radius:3px;border:1px solid var(--ink-600);
  background:var(--ink-700);display:flex;align-items:center;justify-content:center;
  font-size:.6rem;color:var(--cream-dim);overflow:hidden;padding:4px;text-align:center}

/* ---------- Medienraster ---------- */
.paf-chips{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0;margin-top:26px;
  border-top:1px solid var(--ink-600);border-bottom:1px solid var(--ink-600)}
.paf-chip{font:600 .7rem/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;
  background:none;border:1px solid var(--ink-600);color:var(--cream-dim);
  padding:11px 18px;border-radius:100px;cursor:pointer;text-decoration:none;
  transition:border-color .3s var(--ease-out),color .3s var(--ease-out),
             background .3s var(--ease-out)}
.paf-chip:hover{border-color:var(--gold);color:var(--gold)}
.paf-chip[aria-current],.paf-chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#120E04}
.paf-mgrid{display:grid;gap:clamp(16px,2.2vw,28px);margin-top:34px}
.paf-mgrid--2{grid-template-columns:repeat(2,1fr)}
.paf-mgrid--3{grid-template-columns:repeat(3,1fr)}
.paf-mgrid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.paf-mgrid--4{grid-template-columns:repeat(2,1fr)}}
/* Handy: eine Spalte, ausser der Abschnitt verlangt ausdruecklich zwei. */
@media(max-width:760px){
  .paf-mgrid--2,.paf-mgrid--3,.paf-mgrid--4{grid-template-columns:1fr}
  .paf-mgrid.paf-mgrid--m2{grid-template-columns:repeat(2,1fr);gap:11px}
  .paf-mgrid--m2 .paf-post__t,.paf-mgrid--m2 .paf-mtile__t{font-size:.94rem;line-height:1.25}
  .paf-mgrid--m2 .paf-post__meta,.paf-mgrid--m2 .paf-mtile__meta{font-size:.72rem}
  .paf-mgrid--m2 .paf-post__x{-webkit-line-clamp:3}
}
/* Eigene display-Regeln schlagen die Browser-Regel fuer [hidden]. Ohne das
   bleiben ausgeblendete Kacheln und der Pause-Knopf sichtbar. */
.paf [hidden],.paf-b [hidden]{display:none!important}
.paf-mtile{display:block;text-decoration:none;color:inherit}
.paf-mtile__m{position:relative;overflow:hidden;border:1px solid var(--ink-600);
  border-radius:3px;background:var(--ink-700);
  transition:border-color .4s var(--ease-out)}
.paf-mtile__m::after{content:"";display:block;padding-top:var(--paf-ar,75%)}
.paf-mtile__m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--paf-pos,50% 50%);object-position:var(--paf-pos,50% 50%);
  transition:transform .8s var(--ease-out)}
.paf-mtile:hover .paf-mtile__m{border-color:var(--ink-500)}
.paf-mtile:hover .paf-mtile__m img{transform:scale(1.03)}
.paf-mtile__bs{position:absolute;left:12px;top:12px;z-index:2;
  display:flex;flex-wrap:wrap;gap:5px;max-width:calc(100% - 24px)}
.paf-mtile__b{font-size:.6rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;background:rgba(11,11,12,.85);
  color:var(--gold);padding:6px 10px;border-radius:2px}
.paf-mtile__x{padding-top:15px}
.paf-mtile__t{font-family:var(--display);font-size:1.06rem;line-height:1.3;margin:0 0 6px;
  font-weight:600}
.paf-mtile__meta{font-size:.82rem;color:var(--cream-dim);margin:0}

/* ---------- Vorschlaege im Warenkorb ---------- */
.paf-crec__h{margin:0 0 8px}
.paf-crec{list-style:none;margin:26px 0 0;padding:0;
  display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.paf-crec__i{display:flex;gap:16px;align-items:center;
  border:1px solid var(--ink-600);background:var(--ink-800);
  border-radius:3px;padding:12px}
.paf-crec__m{flex:0 0 88px;width:88px;height:88px;overflow:hidden;
  border-radius:2px;background:var(--ink-700);display:block}
.paf-crec__m img{width:100%;height:100%;object-fit:cover}
.paf-crec__x{min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.paf-crec__t{font-family:var(--display);font-size:1rem;line-height:1.25;
  color:var(--cream);text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.paf-crec__t:hover{color:var(--gold)}
.paf-crec__p{margin:0;font-size:.92rem;color:var(--gold)}
.paf-crec__f{margin:0;display:flex;flex-direction:column;gap:9px;align-items:flex-start}

/* Ausfuehrung direkt in der Karte. Die Punkte sind die Auswahl - deshalb
   liegt das Radio darunter und nicht daneben. Der gewaehlte Punkt bekommt
   einen Ring statt einer Farbaenderung: die Farbe IST die Information, die
   darf sich beim Auswaehlen nicht veraendern. */
.paf-crec__sw{display:flex;gap:8px;flex-wrap:wrap}
.paf-crec__o{position:relative;display:inline-flex;cursor:pointer;line-height:0}
.paf-crec__o input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.paf-crec__d{display:block;width:22px;height:22px;border-radius:50%;
  border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 0 var(--gold);
  transition:box-shadow .16s var(--ease-out)}
.paf-crec__o:has(input:checked) .paf-crec__d{box-shadow:0 0 0 2px var(--ink),0 0 0 3px var(--gold)}
.paf-crec__o:has(input:focus-visible) .paf-crec__d{outline:2px solid var(--gold-bright);outline-offset:3px}
.paf-crec__o--out{opacity:.35;cursor:not-allowed}
.paf-crec__o--out .paf-crec__d{position:relative}
.paf-crec__o--out .paf-crec__d::after{content:"";position:absolute;inset:-1px;
  background:linear-gradient(45deg,transparent 46%,var(--cream) 46%,var(--cream) 54%,transparent 54%)}
@supports not selector(:has(*)){
  /* Ohne :has kein Ring - dann lieber sichtbare Radios als eine Auswahl,
     die man nicht sieht. */
  .paf-crec__o input{position:static;opacity:1;width:auto;height:auto;accent-color:var(--gold)}
  .paf-crec__d{display:none}
}
.paf-crec__sel{max-width:100%;font-size:.85rem;padding:.5rem .7rem}
.paf-crec__sel option:disabled{color:var(--graphite-dim)}
.paf-crec__soon{font-size:.8rem;color:var(--cream-dim)}
@media(max-width:520px){
  .paf-crec{grid-template-columns:1fr}
  .paf-crec__m{flex-basis:70px;width:70px;height:70px}
}

/* ---------- Prosa ---------- */
.paf-prose{max-width:70ch;color:var(--cream-dim);font-size:1rem;line-height:1.75}
.paf-prose--s{font-size:.9rem;line-height:1.7}
.paf-prose--l{font-size:1.12rem;line-height:1.78}
.paf-prose > :first-child{margin-top:0}
.paf-prose h2{font-family:var(--display);font-weight:600;color:var(--cream);
  font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);margin:42px 0 14px;scroll-margin-top:96px}
.paf-prose h3{font-size:1.05rem;font-weight:600;color:var(--cream);margin:28px 0 10px}
.paf-prose p,.paf-prose li{margin:0 0 14px}
.paf-prose ul,.paf-prose ol{padding-left:22px;margin:0 0 18px}
.paf-prose a{color:var(--gold)}
.paf-prose strong,.paf-prose b{color:var(--cream)}
.paf-prose figure{margin:32px 0}
.paf-prose figure img{width:100%;height:auto;border:1px solid var(--ink-600);border-radius:3px}
.paf-prose figcaption{font-size:.82rem;margin-top:10px}

/* ---------- Artikel und Rechtsseiten mit Inhaltsverzeichnis ---------- */
.paf-art{display:grid;grid-template-columns:minmax(0,1fr) 300px;
  gap:clamp(26px,4vw,58px);align-items:start;margin-top:30px}
/* minmax(0,...) statt 1fr: eine Rasterspalte ist von Haus aus mindestens so
   breit wie ihr breitester Inhalt. Eine Tabelle oder ein langer Link aus einer
   Shopify-Richtlinie schiebt die Spalte dann ueber den Bildschirmrand hinaus,
   und rechts fehlen Buchstaben. */
@media(max-width:1000px){.paf-art{grid-template-columns:minmax(0,1fr)}}
.paf-toc{position:sticky;top:96px;border-left:1px solid var(--ink-600);padding-left:22px}
@media(max-width:1000px){.paf-toc{position:static;border-left:0;padding-left:0;
  border-top:1px solid var(--ink-600);padding-top:22px}}
.paf-toc--bare nav{display:none}
.paf-toc__h{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--cream-dim);margin:0 0 14px;font-family:var(--ui);font-weight:600}
.paf-toc nav a{display:block;font-size:.88rem;color:var(--cream-dim);text-decoration:none;
  padding:6px 0;transition:color .3s var(--ease-out)}
.paf-toc nav a:hover,.paf-toc nav a[aria-current]{color:var(--gold)}
.paf-toc__box{margin-top:24px;padding-top:20px;border-top:1px solid var(--ink-600);
  font-size:.83rem;color:var(--cream-dim)}
.paf-toc__box p{margin:0}
.paf-toc__cta{margin-top:16px;width:100%}
.paf-legal__s{scroll-margin-top:96px}
.paf-legal__s + .paf-legal__s{margin-top:52px}

/* Fremder Inhalt. Der Text der Richtlinien kommt aus Shopify und bringt mit,
   was jemand dort hineingeschrieben hat: Tabellen, lange Links, eingebettete
   Bilder. Nichts davon darf die Spalte sprengen. */
.paf-prose,.paf-legal__s{min-width:0}
.paf-prose img{max-width:100%;height:auto}
.paf-prose a{overflow-wrap:anywhere}
.paf-prose pre,.paf-prose code{white-space:pre-wrap;overflow-wrap:anywhere}
.paf-prose table{display:block;width:100%;max-width:100%;overflow-x:auto;
  border-collapse:collapse;margin:0 0 20px;-webkit-overflow-scrolling:touch}
.paf-prose th,.paf-prose td{border:1px solid var(--ink-600);padding:9px 12px;
  text-align:left;vertical-align:top;min-width:9ch}
.paf-prose th{color:var(--cream);font-weight:600}
.paf-prose iframe,.paf-prose video{max-width:100%}

/* Abschnitte zum Aufklappen. Ein Rechtstext wird gesucht, nicht gelesen -
   eingeklappt sieht man alle Ueberschriften auf einmal statt vier Bildschirme
   AGB. Ohne JavaScript, <details> kann das selbst. */
.paf-legal__s--fold{border-bottom:1px solid var(--ink-600);margin-top:0;padding:0}
.paf-legal__s--fold + .paf-legal__s--fold{margin-top:0}
.paf-legal__s--fold > summary{list-style:none;cursor:pointer;padding:18px 34px 18px 0;
  position:relative;font-family:var(--display);font-weight:600;color:var(--cream);
  font-size:clamp(1.15rem,1rem + .7vw,1.5rem);line-height:1.25}
.paf-legal__s--fold > summary::-webkit-details-marker{display:none}
.paf-legal__s--fold > summary::after{content:"";position:absolute;right:6px;top:50%;
  width:9px;height:9px;margin-top:-6px;border-right:1.5px solid var(--gold);
  border-bottom:1.5px solid var(--gold);transform:rotate(45deg);
  transition:transform .25s var(--ease-out)}
.paf-legal__s--fold[open] > summary::after{transform:rotate(-135deg);margin-top:-2px}
.paf-legal__s--fold > summary:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}
.paf-legal__s--fold > .paf-legal__body{padding:0 0 22px}
.paf-legal__s--fold > .paf-legal__body > :first-child{margin-top:0}

/* ---------- Die Richtlinienseiten von Shopify ----------
   /policies/impressum und die anderen rendert Shopify selbst. Eine
   Theme-Vorlage dafuer gibt es nicht - in der Liste der Vorlagentypen
   kommt policy nicht vor. Aus dem Theme stammen nur Kopf und Fuss, der
   Rumpf ist festes Markup:

     .shopify-policy__container > .shopify-policy__title > h1
                                > .shopify-policy__body.rte

   Beeinflussen laesst sich daran also nur die Darstellung. Die Farben
   stehen hier fest und nicht als var(--color-...), weil auf dieser Seite
   kein Farbschema von Clarity greift - sonst haenge die Seite davon ab,
   welches Schema der Shop zufaellig als Grundton setzt.

   Damit die Schrift stimmt, nennt snippets/paf-head.liquid den Container
   mit; das Stylesheet selbst kommt ueber den Footer auf die Seite. */
body:has(.shopify-policy__container){background:#0B0B0C}
.shopify-policy__container{
  --ink:#0B0B0C; --ink-600:#2A2A2E;
  --gold:#C4A54D; --cream:#F6F1EF; --cream-dim:#B9B2AD;
  --display:"Libre Bodoni",Georgia,serif;
  --ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;
  display:block;box-sizing:border-box;
  max-width:980px;margin:0 auto;
  padding:clamp(56px,8vw,110px) clamp(18px,4vw,44px);
  background:var(--ink);color:var(--cream-dim);
  font-family:var(--ui);font-size:1rem;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
.shopify-policy__container *,
.shopify-policy__container *::before,
.shopify-policy__container *::after{box-sizing:border-box}
.shopify-policy__title{margin:0 0 34px;padding-bottom:22px;
  border-bottom:1px solid var(--ink-600)}
.shopify-policy__title h1{font-family:var(--display);font-weight:600;color:var(--cream);
  font-size:clamp(1.9rem,1.3rem + 2vw,2.9rem);line-height:1.08;margin:0;
  letter-spacing:-.01em}
.shopify-policy__body{max-width:74ch}
.shopify-policy__body > :first-child{margin-top:0}
.shopify-policy__body h2{font-family:var(--display);font-weight:600;color:var(--cream);
  font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);margin:40px 0 14px}
.shopify-policy__body h3,
.shopify-policy__body h4{font-size:1.02rem;font-weight:600;color:var(--cream);margin:26px 0 10px}
.shopify-policy__body p,.shopify-policy__body li{margin:0 0 14px}
.shopify-policy__body ul,.shopify-policy__body ol{padding-left:22px;margin:0 0 18px}
.shopify-policy__body a{color:var(--gold)}
.shopify-policy__body strong,.shopify-policy__body b{color:var(--cream)}
.shopify-policy__body img{display:block;max-width:100%;height:auto}
.shopify-policy__body table{width:100%;border-collapse:collapse;margin:0 0 20px}
.shopify-policy__body th,.shopify-policy__body td{border:1px solid var(--ink-600);
  padding:10px 12px;text-align:left;vertical-align:top}
.shopify-policy__body th{color:var(--cream);font-weight:600}

/* ---------- CTA-Band, Bild-Text-Band, Hinweis ---------- */
.paf-ctaband{background:var(--ink-800);border-top:1px solid var(--ink-600);
  border-bottom:1px solid var(--ink-600)}
.paf-band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,64px);align-items:center}
.paf-band--rev .paf-band__m{order:2}
@media(max-width:880px){.paf-band{grid-template-columns:1fr}.paf-band--rev .paf-band__m{order:0}}
.paf-band__m{position:relative;overflow:hidden;border:1px solid var(--ink-600);
  border-radius:3px;background:var(--ink-700)}
.paf-band__m::after{content:"";display:block;padding-top:var(--paf-ar,100%)}
.paf-band__m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--paf-pos,50% 50%)}
.paf-note{border-left:2px solid var(--gold);background:var(--ink-800);padding:20px 24px;
  border-radius:0 3px 3px 0;color:var(--cream-dim);font-size:.93rem}
.paf-note p{margin:0 0 10px}.paf-note p:last-child{margin-bottom:0}
.paf-note--warn{border-left-color:#9b6b5e}

/* ---------- Blaettern ---------- */
.paf-pager{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:40px}
.paf-pager__n{font-size:.82rem;color:var(--cream-dim);letter-spacing:.08em}

/* ---------- Suche ---------- */
.paf-srch{display:flex;max-width:640px;margin-top:24px}
.paf-srch .paf-input{border-radius:2px 0 0 2px;border-right:0}
.paf-srch .paf-btn{border-radius:0 2px 2px 0}
.paf-srch__c{margin-top:22px;font-size:.9rem;color:var(--cream-dim)}
.paf-srch__c b{color:var(--cream)}
.paf-srch__h{margin-top:52px;font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem)}
.paf-srch__pages{list-style:none;padding:0;margin:22px 0 0}
.paf-srch__pages li{border-bottom:1px solid var(--ink-600)}
.paf-srch__pages a{display:block;padding:16px 0;color:var(--cream);text-decoration:none;
  font-family:var(--display);font-size:1.05rem;transition:color .3s var(--ease-out)}
.paf-srch__pages a:hover{color:var(--gold)}

/* ---------- Portfolio-3D ---------- */
.paf-p3d__grid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(22px,3vw,40px);
  align-items:start;margin-top:34px}
@media(max-width:900px){.paf-p3d__grid{grid-template-columns:1fr}}
.paf-p3d__stage{position:relative;overflow:hidden;border:1px solid var(--ink-600);
  border-radius:3px;background:var(--ink-800)}
.paf-p3d__stage::after{content:"";display:block;padding-top:var(--paf-ar,100%)}
.paf-p3d__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  transition:opacity .6s var(--ease-out)}
.paf-p3d__viewer{position:absolute;inset:0;width:100%;height:100%;background:transparent}
.paf-p3d__list{list-style:none;margin:0;padding:0;display:grid;gap:10px;
  max-height:620px;overflow:auto}
.paf-p3d__it{display:flex;gap:14px;align-items:center;width:100%;text-align:left;
  background:var(--ink-800);border:1px solid var(--ink-600);border-radius:3px;
  padding:10px;cursor:pointer;color:inherit;
  transition:border-color .3s var(--ease-out),background .3s var(--ease-out)}
.paf-p3d__it:hover{border-color:var(--ink-500)}
.paf-p3d__it[aria-pressed=true]{border-color:var(--gold);background:var(--ink-700)}
.paf-p3d__thumb{flex:0 0 56px;width:56px;height:56px;border-radius:2px;overflow:hidden;
  background:var(--ink-700);display:block}
.paf-p3d__thumb img{width:100%;height:100%;object-fit:cover}
.paf-p3d__meta{display:block;min-width:0}
.paf-p3d__meta b{display:block;font-family:var(--display);font-size:.98rem;font-weight:600;
  color:var(--cream);line-height:1.25}
.paf-p3d__meta i{display:block;font-style:normal;font-size:.76rem;color:var(--cream-dim);
  margin-top:3px}

/* ---------- Personalisierungs-Strecke ---------- */
.paf-cfg__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;
  gap:clamp(24px,3.4vw,48px);align-items:start;margin-top:34px}
@media(max-width:900px){.paf-cfg__grid{grid-template-columns:1fr}}
.paf-cfg__sum{background:var(--ink-800);border:1px solid var(--ink-600);border-radius:4px;
  padding:clamp(22px,2.6vw,30px);position:sticky;top:96px}
@media(max-width:900px){.paf-cfg__sum{position:static}}
.paf-cfg__t{font-family:var(--display);font-size:1.25rem;margin:0;font-weight:600}
.paf-cfg__free{color:var(--gold)!important}

/* ---------- helles Schema fuer die neuen Bausteine ---------- */


/* ==========================================================================
   Bloecke. Jeder Block traegt .paf-b und kann in jedem Abschnitt stehen,
   auch in den Abschnitten von Clarity selbst.
   ========================================================================== */
.paf-b{font-family:var(--ui);font-size:16px;line-height:1.6;color:var(--cream);
  -webkit-font-smoothing:antialiased}
.paf-b *,.paf-b *::before,.paf-b *::after{box-sizing:border-box}
.paf-b img{display:block;max-width:100%;height:auto}
.paf-b a{color:inherit}
.paf-b h1,.paf-b h2,.paf-b h3,.paf-b h4{font-family:var(--display);font-weight:400;
  line-height:1.14;margin:0;letter-spacing:-.012em}
.paf-b p{margin:0}
/* Eigene Flaeche, wenn der Block nicht das Schema des Abschnitts uebernimmt. */
.paf-b--own{background:var(--ink);color:var(--cream);
  padding:clamp(20px,2.6vw,34px);border-radius:var(--r)}
.paf-b--ac{text-align:center}
.paf-b--wn{max-width:56ch}
.paf-b--wm{max-width:74ch}
.paf-b--ac.paf-b--wn,.paf-b--ac.paf-b--wm{margin-left:auto;margin-right:auto}
.paf-b__h{font-family:var(--display);font-weight:400;line-height:1.14;letter-spacing:-.012em}
.paf-b__h--s{font-size:clamp(1.3rem,1.1rem + .7vw,1.7rem)}
.paf-b__h--l{font-size:clamp(2.2rem,1.4rem + 2.8vw,3.6rem)}
.paf-b__hint{margin-top:10px;font-size:.78rem;color:var(--gold);
  border-left:2px solid var(--gold);padding-left:10px}
.paf-ctas--c{justify-content:center}

/* Baukasten und Gruppe */
.paf-bcont,.paf-grp{display:grid}
.paf-bcont--gs,.paf-grp--gs{gap:14px}
.paf-bcont--gm,.paf-grp--gm{gap:clamp(18px,2.2vw,28px)}
.paf-bcont--gl,.paf-grp--gl{gap:clamp(28px,4vw,52px)}
.paf-bcont--1,.paf-grp--1{grid-template-columns:1fr}
.paf-bcont--2,.paf-grp--2{grid-template-columns:repeat(2,1fr)}
.paf-bcont--3,.paf-grp--3{grid-template-columns:repeat(3,1fr)}
.paf-bcont--4,.paf-grp--4{grid-template-columns:repeat(4,1fr)}
.paf-bcont{margin-top:30px}
.paf-bcont--1{margin-top:26px}
.paf-grp{grid-column:1/-1}
@media(max-width:1000px){.paf-bcont--4,.paf-grp--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  .paf-bcont--2,.paf-bcont--3,.paf-bcont--4,
  .paf-grp--2,.paf-grp--3,.paf-grp--4{grid-template-columns:1fr}
}

/* Bild */
.paf-bimg{display:block;position:relative;overflow:hidden;border:1px solid var(--ink-600);
  border-radius:var(--r);background:var(--ink-800)}
.paf-bimg--nat img{position:static;width:100%;height:auto}
.paf-bimg--1::after,.paf-bimg--45::after,.paf-bimg--32::after,.paf-bimg--169::after{
  content:"";display:block}
.paf-bimg--1::after{padding-top:100%}
.paf-bimg--45::after{padding-top:125%}
.paf-bimg--32::after{padding-top:66.66%}
.paf-bimg--169::after{padding-top:56.25%}
.paf-bimg--1 img,.paf-bimg--45 img,.paf-bimg--32 img,.paf-bimg--169 img,
.paf-bimg--1 .paf-bimg__ph,.paf-bimg--45 .paf-bimg__ph,
.paf-bimg--32 .paf-bimg__ph,.paf-bimg--169 .paf-bimg__ph{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:var(--paf-fit,cover);object-position:var(--paf-pos,50% 50%)}
.paf-bimg__c{margin-top:10px;font-size:.8rem;color:var(--cream-dim)}
a.paf-bimg{transition:border-color .2s var(--ease-out)}
a.paf-bimg:hover{border-color:var(--gold)}

/* Infobox */
.paf-ibx{display:flex;gap:14px;align-items:flex-start;
  background:var(--ink-800);border:1px solid var(--ink-600);border-radius:var(--r);
  padding:16px 18px}
.paf-ibx--own,.paf-b--own.paf-ibx{padding:clamp(18px,2.2vw,26px)}
.paf-ibx--accent{border-color:var(--gold);
  background:color-mix(in srgb,var(--gold) 10%,var(--ink-800))}
.paf-ibx--warn{border-left:3px solid var(--gold-bright)}
.paf-ibx--l{text-decoration:none;transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}
.paf-ibx--l:hover{border-color:var(--gold);background:var(--ink-700)}
.paf-ibx__b{display:block;flex:1 1 auto}
.paf-ibx__t{display:block;font-family:var(--display);font-size:1.02rem;font-weight:600;
  color:var(--cream);margin-bottom:4px}
.paf-ibx__x{display:block;font-size:.88rem;color:var(--cream-dim)}
.paf-ibx__x p{margin:0 0 6px}.paf-ibx__x p:last-child{margin-bottom:0}
.paf-ibx__badge{flex:0 0 auto;align-self:center;font-size:.66rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--gold);
  border:1px solid var(--gold);border-radius:99px;padding:4px 10px;white-space:nowrap}
.paf-ibx__i{flex:0 0 auto;width:20px;height:20px;margin-top:2px;
  background:var(--gold);border-radius:2px;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
.paf-ibx__i[data-icon=clock]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.paf-ibx__i[data-icon=brush]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M4 20c3 0 5-2 5-5'/%3E%3Cpath d='M9 15 20 4l-1-1L8 14z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M4 20c3 0 5-2 5-5'/%3E%3Cpath d='M9 15 20 4l-1-1L8 14z'/%3E%3C/svg%3E")}
.paf-ibx__i[data-icon=shield]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M12 3l7 3v6c0 4-3 7-7 9-4-2-7-5-7-9V6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M12 3l7 3v6c0 4-3 7-7 9-4-2-7-5-7-9V6z'/%3E%3C/svg%3E")}
.paf-ibx__i[data-icon=truck]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M2 7h11v9H2z'/%3E%3Cpath d='M13 10h4l3 3v3h-7z'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M2 7h11v9H2z'/%3E%3Cpath d='M13 10h4l3 3v3h-7z'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E")}
.paf-ibx__i[data-icon=info]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 7.5v.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 7.5v.5'/%3E%3C/svg%3E")}
.paf-ibx__i[data-icon=warn]{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M12 3 2 20h20z'/%3E%3Cpath d='M12 10v4M12 17v.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M12 3 2 20h20z'/%3E%3Cpath d='M12 10v4M12 17v.5'/%3E%3C/svg%3E")}

/* Akkordeon als eigener Block */
.paf-acc details{border-bottom:1px solid var(--ink-600)}
.paf-acc summary{cursor:pointer;padding:20px 0;font-family:var(--display);font-size:1.1rem;
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;
  color:var(--cream);transition:color .3s var(--ease-out)}
.paf-acc summary::-webkit-details-marker{display:none}
.paf-acc summary::after{content:"+";color:var(--gold);font-size:1.4rem;flex:0 0 auto}
.paf-acc details[open] summary::after{content:"\2013"}
.paf-acc__hint{font-style:normal;font-family:var(--ui);font-size:.76rem;color:var(--cream-dim);
  margin-left:auto;padding-right:6px}
.paf-acc__a{margin:0 0 21px;color:var(--cream-dim);font-size:.94rem;max-width:68ch}
.paf-acc__a p{margin:0 0 10px}.paf-acc__a p:last-child{margin-bottom:0}
.paf-acc__more{display:inline-block;margin-top:10px;color:var(--gold);font-size:.82rem;
  text-decoration:none;border-bottom:1px solid transparent}
.paf-acc__more:hover{border-bottom-color:var(--gold)}
.paf-faq--blocks{display:block}

/* Zusatzoption */
.paf-addon{display:flex;align-items:center;gap:14px;cursor:pointer;
  background:var(--ink-800);border:1px solid var(--ink-600);border-radius:var(--r);
  padding:14px 16px;transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}
.paf-addon:hover{border-color:var(--gold)}
.paf-addon:has(input:checked){border-color:var(--gold);
  background:color-mix(in srgb,var(--gold) 9%,var(--ink-800))}
.paf-addon:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.paf-addon--off{opacity:.55;cursor:not-allowed}
.paf-addon input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--gold);margin:0}
.paf-addon__b{flex:1 1 auto;min-width:0}
.paf-addon__t{display:block;font-weight:600;font-size:.95rem;color:var(--cream)}
.paf-addon__d{display:block;font-size:.8rem;color:var(--cream-dim);margin-top:2px}
.paf-addon__img{flex:0 0 auto;width:40px;height:40px;object-fit:cover;border-radius:2px;
  border:1px solid var(--ink-600)}
.paf-addon__p{flex:0 0 auto;font-family:var(--display);font-size:1rem;color:var(--gold);
  white-space:nowrap}

/* Datenzeile */
.paf-specs{margin-top:26px;border-top:1px solid var(--ink-600)}
.paf-spec{display:grid;grid-template-columns:38% 1fr;gap:16px;
  padding:14px 0;border-bottom:1px solid var(--ink-600);font-size:.93rem}
.paf-spec__k{font-family:var(--display);font-weight:600;color:var(--cream)}
.paf-spec__v{color:var(--cream-dim)}
.paf-spec__v p{margin:0}
@media(max-width:600px){.paf-spec{grid-template-columns:1fr;gap:4px}}

/* Trenner */
.paf-div{grid-column:1/-1}
.paf-div--line{border-top:1px solid var(--ink-600)}
.paf-div--s{margin:10px 0}
.paf-div--m{margin:24px 0}
.paf-div--l{margin:48px 0}

/* Kachel- und Merkmalsblock ohne Elternabschnitt */
.paf-tile__ico{width:32px;height:32px;object-fit:contain;margin-bottom:14px}
.paf-trust__it{display:block;text-align:center}

/* ==========================================================================
   Sammlungsraster mit Werkzeugleiste (paf-collection-grid)
   ========================================================================== */
.paf-tools{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:20px 0;
  margin-top:26px;border-top:1px solid var(--ink-600);border-bottom:1px solid var(--ink-600)}
.paf-tools__g{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.paf-tools__g > i{font-style:normal;font-size:.68rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cream-dim)}
.paf-tools__c{margin-left:auto;font-size:.78rem;color:var(--cream-dim);white-space:nowrap}
.paf-tools__c b{color:var(--cream);font-weight:600}
.paf-tools__sort{display:flex;gap:8px;align-items:center;margin:0}
.paf-tools .paf-chip{font:400 .78rem/1 var(--ui);letter-spacing:.01em;text-transform:none;
  padding:.45rem .95rem;text-decoration:none;background:transparent;color:var(--cream)}
.paf-tools .paf-chip[aria-current],.paf-tools .paf-chip[aria-pressed=true]{border-color:var(--gold);color:var(--gold);
  background:color-mix(in srgb,var(--gold) 12%,transparent)}
.paf-tools .paf-chip:hover{border-color:var(--gold);color:var(--gold)}
.paf-sel{background:var(--ink-800);border:1px solid var(--ink-600);color:var(--cream);
  padding:.5rem .7rem;font-family:var(--ui);font-size:.78rem;border-radius:var(--r);cursor:pointer}
.paf-sel:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.paf-fchip{width:26px;height:26px;border-radius:50%;border:1px solid var(--ink-500);
  cursor:pointer;padding:0;transition:outline-color .15s var(--ease-out)}
.paf-fchip[aria-pressed=true]{outline:1px solid var(--gold);outline-offset:2px}
.paf-fchip:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}
.paf-grid{margin-top:34px}
.paf-notify{background:var(--ink-800);border:1px dashed var(--ink-500);border-radius:var(--r);
  display:flex;flex-direction:column;justify-content:center;padding:26px;text-align:center}
.paf-notify h3{font-family:var(--display);font-size:1.15rem;margin-bottom:8px}
.paf-notify p{font-size:.82rem;color:var(--cream-dim);margin:0 0 15px}
.paf-notify .paf-input{margin-bottom:10px;text-align:center}
.paf-notify .paf-btn{width:100%}
@media(max-width:760px){
  .paf-tools{gap:14px}
  .paf-tools__c{margin-left:0;width:100%}
}

/* ==========================================================================
   Sammlungs-Reihe (paf-rail)
   ========================================================================== */
.paf-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--paf-min,150px),1fr));
  gap:14px;margin-top:34px}
.paf-rail__it{display:block;text-decoration:none;color:inherit;text-align:center}
.paf-rail__m{display:block;position:relative;overflow:hidden;border-radius:var(--r);
  border:1px solid var(--ink-600);background:var(--ink-800);
  transition:border-color .2s var(--ease-out)}
.paf-rail__m::after{content:"";display:block;padding-top:100%}
.paf-rail__m img,.paf-rail__ph{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:var(--paf-pos,50% 50%);
  transition:transform .6s var(--ease-out),filter .4s var(--ease-out)}
a.paf-rail__it:hover .paf-rail__m{border-color:var(--gold)}
a.paf-rail__it:hover .paf-rail__m img{transform:scale(1.04)}
a.paf-rail__it:focus-visible .paf-rail__m{outline:2px solid var(--gold);outline-offset:2px}
.paf-rail__it--soon .paf-rail__m img{filter:grayscale(1) brightness(.42)}
a.paf-rail__it--soon:hover .paf-rail__m img{filter:grayscale(1) brightness(.6);transform:none}
.paf-rail__badge{position:absolute;z-index:2;left:50%;bottom:12px;transform:translateX(-50%);
  font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--cream-dim);background:rgba(11,11,12,.72);border:1px solid var(--ink-500);
  padding:4px 10px;white-space:nowrap}
.paf-rail__t{display:block;font-family:var(--display);font-weight:400;font-size:1rem;
  margin-top:12px;line-height:1.25}
.paf-rail__meta{display:block;font-size:.78rem;color:var(--cream-dim);margin-top:4px}
@media (prefers-reduced-motion:reduce){
  .paf-rail__m img{transition:none}
}


/* ---------- Sammlungsraster: Tausch ohne Seitenwechsel ---------- */
.paf-shop{transition:opacity .18s ease}
.paf-shop[data-busy]{opacity:.4;pointer-events:none}

/* Hinweiskasten statt Ablageflaeche: das Kontaktformular kann keine Dateien
   annehmen, deshalb hier kein Cursor und kein Hover. */
.paf-drop--info{cursor:default;border-style:solid;opacity:.85}
.paf-drop--info:hover{border-color:var(--ink-600)}

/* ---------- Finish-Band: Bildgroesse auf Desktop ---------- */
@media (min-width:900px){
  .paf-fin__stage--half{max-width:50%;margin-left:auto;margin-right:auto}
  .paf-fin__stage--three{max-width:75%;margin-left:auto;margin-right:auto}
}

/* Unterkollektion ohne Produkte: sichtbar, aber erkennbar noch nicht bereit. */
.paf-chip--soon{opacity:.42;cursor:default;pointer-events:none}
.paf-tools .paf-chip--soon{border-style:dashed}
/* Trefferzahl am Filter. Bewusst leiser als die Beschriftung - die Zahl ist
   eine Nebenauskunft, kein Teil des Namens. */
.paf-chip__n{margin-left:7px;opacity:.6;font-variant-numeric:tabular-nums}
.paf-chip[aria-pressed=true] .paf-chip__n{opacity:.75}
.paf-tools .paf-chip--clear{border-style:dashed;color:var(--cream-dim)}
.paf-tools .paf-chip--clear:hover{border-style:solid}
/* Handy: die Filterreihe rollt seitlich statt umzubrechen. Vier umgebrochene
   Zeilen Filter schieben das erste Produkt unter die Falz. */
@media(max-width:759px){
  .paf-tools__g{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    -webkit-overflow-scrolling:touch;padding-bottom:2px}
  .paf-tools__g::-webkit-scrollbar{display:none}
  .paf-tools__g > *{flex:0 0 auto}
  .paf-tools .paf-chip{padding:9px 14px;font-size:.74rem}
}


/* ================================================================
   PAF 3D-Finish - ein Modell, vier Ausfuehrungen
   ================================================================ */
.paf-tint__grid{display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(28px,4vw,56px);align-items:center}
.paf-tint__stage{position:relative;overflow:hidden;border:1px solid var(--ink-600);
  background:var(--ink-800);border-radius:3px}
.paf-tint__stage::after{content:"";display:block;padding-top:var(--paf-ar,100%)}
.paf-tint__stage > img,.paf-tint__stage model-viewer{position:absolute;inset:0;
  width:100%;height:100%}
.paf-tint__poster{object-fit:cover;transition:opacity .3s ease}
.paf-tint__stage[data-live] .paf-tint__poster{opacity:0;pointer-events:none}
.paf-tint__stage model-viewer{z-index:1;background:transparent}

.paf-tint__fins{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
.paf-tint__fin{display:flex;align-items:center;gap:11px;text-align:left;
  padding:12px 14px;background:transparent;border:1px solid var(--ink-600);
  border-radius:3px;color:inherit;cursor:pointer;font:inherit;
  transition:border-color .18s ease,background .18s ease}
.paf-tint__fin:hover{border-color:var(--gold)}
.paf-tint__fin[aria-pressed="true"]{border-color:var(--gold);background:var(--ink-700)}
.paf-tint__fin b{font-family:var(--ui);font-weight:600;font-size:.86rem;display:block}
.paf-tint__fin span:not(.paf-tint__dot){display:block;font-size:.75rem;color:var(--cream-dim)}
.paf-tint__dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;
  border:1px solid var(--ink-500);box-shadow:inset 0 -3px 6px rgba(0,0,0,.35)}

/* ================================================================
   PAF Set-Band - mehrere Bilder, ein Preis
   ================================================================ */
.paf-set__row{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(12px,1.6vw,22px);align-items:start;margin-bottom:clamp(30px,4vw,52px)}
.paf-set__row--1{grid-template-columns:1fr}
.paf-set__row--2{grid-template-columns:repeat(2,1fr)}
.paf-set__row--4{grid-template-columns:repeat(4,1fr)}
.paf-set__fig{margin:0}
/* Automatischer Versatz: jedes zweite Bild faellt ab. Damit steht die Reihe
   wie aufgestellt statt wie ein Raster, ohne dass man je Bild etwas setzen
   muss. Der Versatz je Block schlaegt das weiter unten wieder. */
.paf-set__row--soft   > :nth-child(even){margin-top:clamp(14px,3vw,40px)}
.paf-set__row--soft   > :nth-child(3n+3){margin-top:clamp(7px,1.5vw,20px)}
.paf-set__row--strong > :nth-child(even){margin-top:clamp(24px,5vw,68px)}
.paf-set__row--strong > :nth-child(3n+3){margin-top:clamp(12px,2.5vw,34px)}
.paf-set__row > .paf-set__fig--1{margin-top:clamp(10px,2vw,26px)}
.paf-set__row > .paf-set__fig--2{margin-top:clamp(20px,4vw,52px)}
.paf-set__fig img,.paf-set__fig .paf-set__ph{display:block;width:100%;height:auto;
  aspect-ratio:1/1;object-fit:cover;border-radius:2px}
.paf-set__fig figcaption{margin-top:9px;font-size:.75rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--cream-dim)}
.paf-set__h{font-family:var(--display);font-weight:400;line-height:1.08;
  letter-spacing:-.014em;font-size:clamp(2rem,1.2rem + 3.4vw,3.4rem);
  color:var(--cream);margin:0 0 18px}

.paf-set__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:20px;margin-top:clamp(26px,3.4vw,40px);padding:clamp(18px,2.2vw,26px);
  border:1px solid var(--gold)}
.paf-set__pr{min-width:0}
.paf-set__now{margin:0;font-family:var(--display);font-weight:400;
  font-size:clamp(1.6rem,1.1rem + 1.8vw,2.3rem);color:var(--gold);
  display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.paf-set__was{font-size:.62em;color:var(--cream-dim);text-decoration-thickness:1px}
.paf-set__note{margin:8px 0 0;font-size:.86rem;color:var(--cream-dim)}

@media (max-width:900px){
  .paf-tint__grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .paf-set__row,.paf-set__row--4{grid-template-columns:repeat(2,1fr)}
  /* Versatz bleibt, faellt aber flacher aus - bei halber Breite wirkt der
     grosse Abstand wie ein Fehler. */
  .paf-set__row > .paf-set__fig--1{margin-top:10px}
  .paf-set__row > .paf-set__fig--2{margin-top:18px}
  .paf-set__row--soft > :nth-child(even){margin-top:12px}
  .paf-set__row--strong > :nth-child(even){margin-top:20px}
  .paf-set__row--soft > :nth-child(3n+3),
  .paf-set__row--strong > :nth-child(3n+3){margin-top:0}
  .paf-set__bar{flex-direction:column;align-items:stretch}
  .paf-set__bar .paf-btn{justify-content:center;text-align:center}
}


/* ================================================================
   PAF Checkliste
   ================================================================ */
.paf-chk{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.paf-chk--2{grid-template-columns:1fr 1fr;gap:14px clamp(20px,3vw,40px)}
.paf-chk__i{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start}
.paf-chk__m{font-size:1rem;line-height:1.5;text-align:center}
.paf-chk__i--yes .paf-chk__m{color:var(--gold)}
.paf-chk__i--no .paf-chk__m{color:#C86A62}
.paf-chk__t{color:var(--cream-dim);font-size:1rem;line-height:1.5}
.paf-chk__i--no .paf-chk__t{color:color-mix(in srgb,var(--cream-dim) 82%,var(--color-background,#0B0B0C))}
.paf-chk__t small{display:block;margin-top:3px;font-size:.8rem;color:var(--graphite-dim)}

/* ================================================================
   PAF Preistabelle
   ================================================================ */
.paf-pt{margin-top:clamp(24px,3vw,36px)}
.paf-pt__tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(20px,2.6vw,30px)}
.paf-pt__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.paf-pt__t{width:100%;border-collapse:collapse;text-align:left;min-width:520px}
.paf-pt__t th,.paf-pt__t td{padding:16px 18px;border-bottom:1px solid var(--ink-600)}
.paf-pt__t thead th{font-family:var(--ui);font-weight:600;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cream-dim);border-bottom-color:var(--ink-500)}
.paf-pt__t tbody th{font-family:var(--ui);font-weight:400;font-size:1rem;color:var(--cream-dim);
  white-space:nowrap}
.paf-pt__t td{font-family:var(--ui);font-size:1.05rem;color:var(--cream)}
.paf-pt__t tbody tr:last-child th,.paf-pt__t tbody tr:last-child td{border-bottom:0}
.paf-pt__t tbody tr:hover th,.paf-pt__t tbody tr:hover td{background:var(--ink-800)}
.paf-pt__num{text-align:left}
.paf-pt__note{margin:18px 0 0;font-size:.84rem;color:var(--graphite-dim)}

@media (max-width:620px){
  .paf-chk--2{grid-template-columns:1fr}
}


/* ================================================================
   PAF Anfrageformulare (B2C und B2B)
   ================================================================ */
.paf-rq__f{margin-top:clamp(26px,3.4vw,40px)}
.paf-rq__grid{display:grid;grid-template-columns:repeat(6,1fr);
  gap:clamp(16px,2vw,22px) clamp(14px,1.8vw,20px)}
.paf-rq__grid > *{grid-column:span 6;min-width:0}
.paf-field--h{grid-column:span 3}
.paf-field--t{grid-column:span 2}

.paf-rq__grp{grid-column:1 / -1;margin-top:14px;padding-top:20px;
  border-top:1px solid var(--ink-600)}
.paf-rq__grid > .paf-rq__grp:first-child{margin-top:0;padding-top:0;border-top:0}
.paf-rq__grp h3{margin:0;font-family:var(--ui);font-weight:600;font-size:.74rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.paf-rq__grp p{margin:7px 0 0;font-size:.86rem;color:var(--cream-dim);max-width:62ch}

.paf-rq__note{grid-column:1 / -1;font-size:.82rem;line-height:1.6;color:var(--graphite-dim);
  border-left:1px solid var(--ink-600);padding-left:16px}
.paf-rq__note p{margin:0}

.paf-rq__foot{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;
  margin-top:clamp(24px,3vw,34px)}
.paf-rq__foot .paf-help{margin:0;max-width:52ch}

/* Honigtopf gegen Bots. Nicht display:none - manche Bots ueberspringen das. */
.paf-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

.paf-rq .paf-drop{padding:20px 16px;min-height:0}
.paf-rq .paf-drop__t{margin:8px 0 2px;font-size:.9rem}
.paf-rq .paf-thumbs{margin-top:10px}
.paf-rq .paf-req{color:var(--gold)}
.paf-rq .paf-opt{color:var(--graphite-dim);font-weight:400;letter-spacing:0;text-transform:none}

@media (max-width:760px){
  .paf-field--h,.paf-field--t{grid-column:span 6}
}


/* ================================================================
   PAF Produkt - Galerie und Kaufspalte
   ================================================================ */
.paf-prod__grid{display:grid;gap:clamp(28px,3.4vw,56px);align-items:start}
.paf-prod__grid--wide{grid-template-columns:1.12fr .88fr}
.paf-prod__grid--even{grid-template-columns:1fr 1fr}
.paf-prod__grid--narrow{grid-template-columns:.88fr 1.12fr}
.paf-prod__grid--right .paf-prod__media{order:2}
/* Die kuerzere Spalte bleibt stehen. align-self ist noetig, sonst dehnt das
   Raster die Spalte auf volle Hoehe und sticky hat keinen Weg. */
.paf-prod__col--stick{position:sticky;top:var(--paf-stick,96px);align-self:start}

/* --- Galerie --- */
.paf-pm__stage{position:relative;overflow:hidden;background:var(--paper);
  border-radius:3px;border:1px solid var(--ink-600)}
.paf-pm__stage::after{content:"";display:block;padding-top:var(--paf-ar,100%)}
.paf-pm__stage > img,.paf-pm__stage model-viewer{position:absolute;inset:0;width:100%;height:100%}
.paf-pm__img{opacity:0;pointer-events:none;transition:opacity .28s var(--ease-out)}
.paf-pm__img.is-on{opacity:1;pointer-events:auto}
.paf-pm__stage--cover .paf-pm__img{object-fit:cover}
.paf-pm__stage--contain .paf-pm__img{object-fit:contain}
.paf-pm[data-zoom="1"] .paf-pm__img.is-on{cursor:zoom-in}
.paf-pm__stage model-viewer{z-index:2;background:var(--ink);opacity:0;pointer-events:none}
.paf-pm__stage[data-live] model-viewer{opacity:1;pointer-events:auto}

.paf-pm__badge{position:absolute;left:14px;bottom:14px;z-index:3;
  background:rgba(11,11,12,.72);color:var(--cream);backdrop-filter:blur(6px);
  font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  padding:8px 12px;border-radius:2px}

.paf-pm__thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.paf-pm__th{position:relative;width:88px;height:88px;padding:0;border:1px solid transparent;
  background:var(--ink-800);border-radius:2px;overflow:hidden;cursor:pointer;
  transition:border-color .16s ease,opacity .16s ease;opacity:.62}
.paf-pm__th img{width:100%;height:100%;object-fit:cover;display:block}
.paf-pm__th:hover{opacity:.9}
.paf-pm__th[aria-pressed="true"]{border-color:var(--gold);opacity:1}
.paf-pm__tag{position:absolute;left:5px;top:5px;background:rgba(11,11,12,.78);
  color:var(--gold);font-size:.6rem;letter-spacing:.1em;padding:2px 5px;border-radius:2px}

.paf-lb{position:fixed;inset:0;z-index:9999;background:rgba(8,8,9,.92);
  display:grid;place-items:center;padding:4vmin;cursor:zoom-out}
.paf-lb img{max-width:100%;max-height:100%;object-fit:contain}
.paf-lb__x{position:absolute;top:16px;right:20px;background:none;border:0;
  color:var(--cream,#F6F1EF);font-size:2rem;line-height:1;cursor:pointer}

/* --- Kaufspalte --- */
.paf-pt__h{font-family:var(--display);font-weight:400;line-height:1.06;
  letter-spacing:-.014em;font-size:clamp(1.8rem,1.1rem + 2.4vw,2.9rem);
  color:var(--cream);margin:6px 0 0}
.paf-pt__rv{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-size:.84rem}
.paf-pt__rv .paf-stars{color:var(--gold);font-size:.82rem;letter-spacing:.06em}
.paf-pt__rv a{color:var(--cream-dim)}

.paf-pp{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;margin:22px 0 0}
.paf-pp b{font-family:var(--display);font-weight:400;color:var(--gold);
  font-size:clamp(1.6rem,1.1rem + 1.7vw,2.2rem)}
.paf-pp s{color:var(--cream-dim);font-size:1rem}
.paf-pp__vat{font-size:.8rem;color:var(--graphite-dim)}
.paf-pp__ship{margin-top:8px;font-size:.86rem;color:var(--cream-dim)}
.paf-pp__ship p{margin:0}
.paf-pp__ship b{font-family:var(--ui);font-size:inherit;color:var(--cream)}

.paf-vp{border:0;margin:26px 0 0;padding:0;min-width:0}
.paf-vp__lg{padding:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--graphite-dim);margin-bottom:12px}
.paf-vp__lg b{font-family:var(--ui);font-weight:600;letter-spacing:0;
  text-transform:none;font-size:.92rem;color:var(--cream);margin-left:8px}
.paf-vp__grid{display:grid;gap:10px}
.paf-vp__grid--2{grid-template-columns:1fr 1fr}
.paf-vp__o{display:flex;align-items:center;gap:12px;padding:13px 15px;cursor:pointer;
  border:1px solid var(--ink-600);border-radius:3px;
  transition:border-color .16s ease,background .16s ease}
.paf-vp__o:hover{border-color:var(--ink-500)}
.paf-vp__o input{position:absolute;opacity:0;width:0;height:0}
.paf-vp__o:has(input:checked){border-color:var(--gold);background:var(--ink-800)}
.paf-vp__o:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}
.paf-vp__o--out{opacity:.42;cursor:not-allowed}
.paf-vp__sw{flex:0 0 auto;width:26px;height:26px;border-radius:50%;
  border:1px solid var(--ink-500);box-shadow:inset 0 -3px 7px rgba(0,0,0,.35)}
.paf-vp__im{flex:0 0 auto;width:26px;height:26px;border-radius:50%;object-fit:cover}
.paf-vp__tx{min-width:0}
.paf-vp__tx b{display:block;font-family:var(--ui);font-weight:600;font-size:.88rem;color:var(--cream)}
.paf-vp__tx span{display:block;font-size:.76rem;color:var(--cream-dim);margin-top:2px}

.paf-buy{display:flex;gap:12px;margin-top:26px}
.paf-buy__b{flex:1;justify-content:center;text-align:center}
.paf-qty{display:flex;align-items:center;border:1px solid var(--ink-600);border-radius:3px}
.paf-qty button{background:none;border:0;color:var(--cream);cursor:pointer;
  width:38px;height:100%;font-size:1.1rem;line-height:1}
.paf-qty input{width:44px;background:none;border:0;color:var(--cream);text-align:center;
  font:inherit;-moz-appearance:textfield}
.paf-qty input::-webkit-outer-spin-button,.paf-qty input::-webkit-inner-spin-button{
  -webkit-appearance:none;margin:0}

.paf-pay{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0}
.paf-pay li{font-size:.7rem;letter-spacing:.06em;color:var(--cream-dim);
  border:1px solid var(--ink-600);border-radius:2px;padding:5px 9px}

.paf-lgl{margin-top:30px;padding-top:24px;border-top:1px solid var(--ink-600);
  font-size:.8rem;line-height:1.65;color:var(--graphite-dim)}
.paf-lgl p{margin:0 0 8px}
.paf-lgl__w{color:var(--cream-dim)}
.paf-lgl__l a{color:var(--gold);text-decoration:none;border-bottom:1px solid transparent}
.paf-lgl__l a:hover{border-bottom-color:var(--gold)}

@media (max-width:900px){
  .paf-prod__grid,.paf-prod__grid--wide,.paf-prod__grid--even,.paf-prod__grid--narrow{
    grid-template-columns:1fr}
  .paf-prod__grid--right .paf-prod__media{order:0}
  .paf-prod__col--stick{position:static}
  .paf-vp__grid--2{grid-template-columns:1fr}
  .paf-pm__th{width:72px;height:72px}
}


/* ================================================================
   Produktklappen: Daten, Sicherheit, Versand
   ================================================================ */
.paf-dl{display:grid;grid-template-columns:minmax(120px,auto) 1fr;
  gap:12px clamp(18px,3vw,38px);margin:4px 0 0}
.paf-dl dt{font-size:.94rem;color:var(--graphite-dim)}
.paf-dl dd{margin:0;font-size:.94rem;color:var(--cream)}
.paf-acc__note{margin-top:20px;color:var(--cream-dim);font-size:.92rem}
.paf-acc__note p{margin:0}

.paf-sfy__w{margin:0 0 20px;color:var(--cream-dim);font-size:.94rem;line-height:1.6}
.paf-sfy__w b{color:var(--cream)}
.paf-sfy__f{margin:22px 0 0;padding-top:14px;border-top:1px solid var(--ink-600);
  font-size:.8rem;color:var(--graphite-dim)}

.paf-shp{margin:0 0 16px;font-size:.94rem;line-height:1.62}
.paf-shp:last-child{margin-bottom:0}
.paf-shp p{margin:0 0 8px}
.paf-shp p:last-child{margin-bottom:0}
.paf-shp b{color:var(--cream)}
.paf-shp a{color:var(--cream-dim);border-bottom:1px solid var(--ink-500)}
.paf-shp a:hover{color:var(--gold);border-bottom-color:var(--gold)}
.paf-shp__box{margin-top:20px;padding:16px 18px;border-left:2px solid var(--gold);
  background:var(--ink-800);font-size:.9rem;line-height:1.6;color:var(--cream-dim)}
.paf-shp__box p{margin:0 0 8px}
.paf-shp__box p:last-child{margin-bottom:0}
.paf-shp__box b{color:var(--cream)}

@media (max-width:560px){
  .paf-dl{grid-template-columns:1fr;gap:2px 0}
  .paf-dl dd{margin-bottom:12px}
}


/* Verpackungsbilder in der Versandklappe */
.paf-pack{margin-top:22px;padding-top:18px;border-top:1px solid var(--ink-600)}
.paf-pack__t{margin:0 0 12px;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--graphite-dim)}
.paf-pack__row{display:flex;flex-wrap:wrap;gap:10px}
.paf-pack__row figure{margin:0;flex:0 0 auto;width:104px}
.paf-pack__row img{display:block;width:100%;height:104px;object-fit:cover;
  border-radius:2px;border:1px solid var(--ink-600)}
@media (max-width:560px){
  .paf-pack__row figure{width:31%}
  .paf-pack__row img{height:auto;aspect-ratio:1/1}
}


/* ================================================================
   Waagerechtes Karussell fuer Medien- und Produktkacheln
   ================================================================ */
.paf-rail-x{display:flex!important;gap:clamp(12px,1.6vw,20px);overflow-x:auto;
  scroll-snap-type:x mandatory;scroll-padding-left:2px;
  padding-bottom:10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.paf-rail-x > *{scroll-snap-align:start;flex:0 0 clamp(220px,26vw,300px)}
.paf-rail-x::-webkit-scrollbar{height:6px}
.paf-rail-x::-webkit-scrollbar-thumb{background:var(--ink-600);border-radius:3px}
.paf-railx__nav{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.paf-railx__b{width:38px;height:38px;border:1px solid var(--ink-600);background:transparent;
  color:var(--cream);border-radius:2px;cursor:pointer;font-size:1rem;line-height:1;
  transition:border-color .16s ease,opacity .16s ease}
.paf-railx__b:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}
.paf-railx__b:disabled{opacity:.3;cursor:default}
@media (max-width:620px){
  .paf-rail-x > *{flex-basis:78vw}
  .paf-railx__nav{display:none}
}


/* ================================================================
   Brotkrumen
   ================================================================ */
.paf-bc{padding-top:18px;padding-bottom:0}
.paf-bc__l{list-style:none;display:flex;flex-wrap:wrap;align-items:center;
  gap:0 8px;margin:0;padding:0;font-size:.86rem}
.paf-bc__l li{display:flex;align-items:center;gap:8px;color:var(--cream-dim)}
.paf-bc__l li + li::before{content:"/";color:var(--ink-500)}
.paf-bc__l a{color:var(--cream-dim);text-decoration:none;
  border-bottom:1px solid transparent;transition:color .16s ease,border-color .16s ease}
.paf-bc__l a:hover{color:var(--gold);border-bottom-color:var(--gold)}
.paf-bc__l li[aria-current]{color:var(--cream)}

/* ================================================================
   Sprungleiste
   ================================================================ */
.paf-jn{position:sticky;top:var(--paf-jn-top,72px);z-index:20;
  padding-top:0;padding-bottom:0;
  border-top:1px solid var(--ink-600);border-bottom:1px solid var(--ink-600);
  background:color-mix(in srgb,var(--color-background,#0B0B0C) 88%,transparent);
  backdrop-filter:blur(10px)}
.paf-jn[hidden]{display:none}
.paf-jn__in{display:flex;align-items:center;gap:clamp(12px,2vw,24px);
  min-height:54px;padding:6px 0}
.paf-jn__t{flex:0 0 auto;font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--graphite-dim)}
.paf-jn__row{display:flex;gap:6px;overflow-x:auto;flex:1 1 auto;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.paf-jn__row::-webkit-scrollbar{display:none}
.paf-jn__a{flex:0 0 auto;white-space:nowrap;padding:8px 12px;border-radius:2px;
  font-size:.84rem;color:var(--cream-dim);text-decoration:none;
  border:1px solid transparent;transition:color .16s ease,border-color .16s ease}
.paf-jn__a:hover{color:var(--cream)}
.paf-jn__a.is-on{color:var(--gold);border-color:var(--gold)}
.paf-jn__cta{flex:0 0 auto}

/* Sprungziele nicht unter der Leiste verstecken */
.paf[id]{scroll-margin-top:calc(var(--paf-jn-top,72px) + 66px)}

@media (max-width:760px){
  .paf-jn__t,.paf-jn__cta{display:none}
  .paf-jn__in{min-height:48px}
}


/* Portfolio-3D: Filterleiste und Eintraege ohne Modell */
.paf-p3d__chips{margin-bottom:16px}
.paf-p3d__it--flat{opacity:.86}
.paf-p3d__list li[hidden]{display:none!important}
.paf-p3d__meta i + i{display:block;color:var(--gold);margin-top:2px}


/* ================================================================
   PAF Footer
   ================================================================ */
.paf-ft{border-top:1px solid var(--ink-600)}
.paf-ft__top{display:grid;gap:clamp(30px,4vw,56px);
  grid-template-columns:1.5fr repeat(3,1fr);align-items:start}
.paf-ft__brand{max-width:38ch}

.paf-ft__logo{display:block;height:auto;margin-bottom:20px}
.paf-ft__mark{margin:0 0 20px;line-height:1}
.paf-ft__mark span{display:block;font-family:var(--display);font-weight:400;
  font-size:.78rem;letter-spacing:.42em;text-transform:uppercase;
  color:var(--cream-dim);margin-bottom:4px}
.paf-ft__mark b{font-family:var(--display);font-weight:400;
  font-size:clamp(1.5rem,1.1rem + 1vw,1.9rem);letter-spacing:.04em;
  text-transform:uppercase;color:var(--cream)}

.paf-ft__txt{font-size:.94rem;line-height:1.65;color:var(--cream-dim)}
.paf-ft__txt p{margin:0 0 14px}
.paf-ft__txt p:last-child{margin-bottom:0}

.paf-ft__h{margin:0 0 18px;font-family:var(--ui);font-weight:600;font-size:.82rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--cream)}
.paf-ft__h a{color:inherit;text-decoration:none;transition:color .16s ease}
.paf-ft__h a:hover{color:var(--gold)}
.paf-ft__col ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.paf-ft__col a,.paf-ft__col span{font-size:.96rem;color:var(--cream-dim);
  text-decoration:none;transition:color .16s ease}
.paf-ft__col a:hover{color:var(--gold)}

.paf-ft__bar{display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:18px;
  margin-top:clamp(40px,5vw,68px);padding-top:26px;
  border-top:1px solid var(--ink-600)}
.paf-ft__c{margin:0;font-size:.84rem;color:var(--graphite-dim)}
.paf-ft__pay{margin:0}
.paf-ft__pay li{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}

@media (max-width:900px){
  .paf-ft__top{grid-template-columns:1fr 1fr}
  .paf-ft__brand{grid-column:1 / -1;max-width:52ch}
}
@media (max-width:560px){
  .paf-ft__top{grid-template-columns:1fr;gap:32px}
  .paf-ft__bar{flex-direction:column;align-items:flex-start}
}

/* ================================================================
   Raster, das auf dem Handy zur klickbaren Schrittfolge wird

   Steht bewusst am Ende der Datei: der Laufbereich traegt weiterhin
   seine Rasterklasse (paf-steps, paf-tiles, paf-specs). Auf dem Handy
   soll display:flex davon gewinnen, und bei gleicher Spezifitaet
   entscheidet die Reihenfolge im Stylesheet - kein !important noetig.

   Warum Schritte und kein frei rollendes Karussell: ein Ablauf hat eine
   Reihenfolge. Mit Punkten und Pfeilen sieht man, an welcher Stelle man
   steht und dass noch etwas kommt. Beim freien Rollen sieht man nur,
   dass rechts etwas abgeschnitten ist.
   ================================================================ */
.paf-seqm__ui{display:none}
@media(max-width:640px){
  .paf-seqm__vp{display:flex;grid-template-columns:none;gap:14px;
    overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
    scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;
    margin-top:26px}
  .paf-seqm__vp::-webkit-scrollbar{display:none}
  .paf-seqm__vp > *{flex:0 0 84%;scroll-snap-align:start;min-width:0}
  /* Datenblattzeilen sind flach - als Karte brauchen sie einen Rahmen,
     sonst schwimmen sie im Nichts. */
  .paf-specs.paf-seqm__vp{border-top:0}
  .paf-specs.paf-seqm__vp > *{border:1px solid var(--ink-600);border-radius:2px;
    padding:16px 18px;background:var(--ink-800)}
  .paf-seqm__ui{display:flex;align-items:center;gap:16px;margin-top:18px}
  .paf-seqm__ui .paf-seq__nav button{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
  .paf-seqm__vp{scroll-behavior:auto}
}

/* ================================================================
   PAF Zusatzoption 2 - mehrere Optionen als Karten nebeneinander
   ================================================================ */
.paf-addon2__h{font-size:.7rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cream-dim);margin:0 0 12px}
.paf-addon2{display:grid;gap:10px}
.paf-addon2--2{grid-template-columns:repeat(2,1fr)}
.paf-addon2--3{grid-template-columns:repeat(3,1fr)}
.paf-addon2--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){
  .paf-addon2--2,.paf-addon2--3,.paf-addon2--4{grid-template-columns:repeat(2,1fr)}
}
.paf-addon2__i{position:relative;display:block;cursor:pointer;min-width:0;
  border:1px solid var(--ink-600);border-radius:3px;background:var(--ink-800);
  padding:12px;transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}
.paf-addon2__i:hover{border-color:var(--ink-500)}
/* Das Feld selbst ist unsichtbar, aber vorhanden - Tastatur und
   Screenreader brauchen es, und :checked steuert die ganze Karte. */
.paf-addon2__i input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.paf-addon2__i:has(input:checked){border-color:var(--gold);background:var(--ink-700)}
.paf-addon2__i:has(input:focus-visible){outline:2px solid var(--gold-bright);outline-offset:2px}
.paf-addon2__c{display:block}
.paf-addon2__img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;
  border-radius:2px;margin-bottom:10px;background:var(--ink-700)}
.paf-addon2__t{display:block;font-family:var(--display);font-size:.98rem;
  line-height:1.25;color:var(--cream)}
.paf-addon2__d{display:block;font-size:.78rem;color:var(--cream-dim);margin-top:3px}
.paf-addon2__d p{margin:0}
.paf-addon2__p{display:block;font-size:.86rem;color:var(--gold);margin-top:6px}
.paf-addon2__i--off{opacity:.45;cursor:default}
.paf-addon2__i--off .paf-addon2__p{color:var(--cream-dim)}
/* Rueckfall fuer Browser ohne :has - dort bleibt die Karte schlicht, die
   Auswahl ist aber weiterhin moeglich und wird berechnet. */
@supports not selector(:has(*)){
  .paf-addon2__i input{position:static;opacity:1;width:auto;height:auto;
    margin:0 0 8px;accent-color:var(--gold)}
}

/* Widerrufsformular in den Rechtsseiten */
.paf-wform{margin-top:8px}
.paf-wform__note{margin-bottom:20px}
.paf-wform__note p:last-child{margin-bottom:0}
.paf-wform__hint{margin:14px 0 0;font-size:.82rem;color:var(--graphite-dim)}
.paf-prose .paf-wform .paf-label{margin-bottom:6px}

/* ================================================================
   PAF Variantenwahl - eine Reihe je Option

   Zwei Optionen mal vier Werte sind acht Knoepfe in zwei Reihen statt
   zwoelf Kombinationen untereinander. Die Werte stehen nebeneinander und
   brechen um, damit "15 cm" nicht dieselbe Flaeche bekommt wie
   "25 cm (Multi-Part-Printing)".
   ================================================================ */
.paf-vp2__head{margin:26px 0 14px;font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--cream-dim)}
.paf-vp2__head b{font-family:var(--ui);font-weight:600;letter-spacing:0;
  text-transform:none;color:var(--cream);font-size:.95rem;margin-left:10px}
.paf-vp2{display:grid;gap:18px;margin-top:22px}
.paf-vp2__g{border:0;margin:0;padding:0;min-width:0}
.paf-vp2__lg{padding:0;margin-bottom:9px;font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--cream-dim)}
.paf-vp2__lg b{font-family:var(--ui);font-weight:600;letter-spacing:0;
  text-transform:none;color:var(--cream);font-size:.92rem;margin-left:8px}
.paf-vp2__row{display:flex;flex-wrap:wrap;gap:9px}
.paf-vp2__row--1{display:grid;grid-template-columns:1fr}
.paf-vp2__row--2{display:grid;grid-template-columns:1fr 1fr}
@media(max-width:520px){.paf-vp2__row--2{grid-template-columns:1fr}}
.paf-vp2__o{position:relative;display:flex;align-items:center;gap:10px;
  padding:11px 16px;cursor:pointer;min-width:0;
  border:1px solid var(--ink-600);border-radius:2px;background:transparent;
  transition:border-color .2s var(--ease-out),background .2s var(--ease-out),
             color .2s var(--ease-out)}
.paf-vp2__o:hover{border-color:var(--ink-500)}
.paf-vp2__o input{position:absolute;opacity:0;width:0;height:0}
.paf-vp2__o:has(input:checked){border-color:var(--gold);background:var(--gold);
  color:#120E04}
.paf-vp2__o:has(input:checked) .paf-vp2__tx b{color:#120E04}
.paf-vp2__o:has(input:checked) .paf-vp2__tx span{color:#3A2E08}
.paf-vp2__o:has(input:focus-visible){outline:2px solid var(--gold-bright);outline-offset:2px}
/* Nicht lieferbar: durchgestrichen statt versteckt. Die Groesse gibt es,
   nur nicht in dieser Kombination - das ist eine Auskunft, keine Luecke. */
.paf-vp2__o--out{opacity:.4}
.paf-vp2__o--out .paf-vp2__tx b{text-decoration:line-through}
.paf-vp2__sw{flex:0 0 auto;width:20px;height:20px;border-radius:50%;
  border:1px solid rgba(255,255,255,.18)}
.paf-vp2__tx{min-width:0;display:block}
.paf-vp2__tx b{display:block;font-family:var(--ui);font-weight:600;font-size:.92rem;
  line-height:1.25;color:var(--cream)}
.paf-vp2__tx span{display:block;font-size:.78rem;color:var(--cream-dim);margin-top:2px}
.paf-vp2__out{margin:12px 0 0;font-size:.84rem;color:#C86A62}
@supports not selector(:has(*)){
  .paf-vp2__o input{position:static;opacity:1;width:auto;height:auto;accent-color:var(--gold)}
}
.paf-vp2__row--3{display:grid;grid-template-columns:repeat(3,1fr)}
@media(max-width:640px){.paf-vp2__row--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.paf-vp2__row--3{grid-template-columns:1fr}}
.paf-vp2__sel{max-width:100%}
.paf-vp2__sel option:disabled{color:var(--graphite-dim)}

/* Variantenwahl auf dem Handy. Gilt fuer alle Spaltenzahlen - die Einstellung
   fuer den Rechner bleibt davon unberuehrt. */
@media(max-width:640px){
  .paf-vp2__row--m2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
  .paf-vp2__row--m1{display:grid;grid-template-columns:1fr}
  .paf-vp2__row--m2 .paf-vp2__o{padding:10px 12px}
  .paf-vp2__row--m2 .paf-vp2__tx b{font-size:.86rem}
  .paf-vp2__row--m2 .paf-vp2__tx span{font-size:.72rem}
}


/* ================================================================
   PAF GPSR - Hersteller- und Sicherheitsangaben
   ================================================================ */
/* Links die Einordnung, rechts die Angaben. Die rechte Spalte ist die
   breitere: sie traegt den Inhalt, der Text links ordnet ihn nur ein. */
.paf-gpsr{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(26px,4vw,58px);align-items:start;margin-top:clamp(22px,3vw,34px)}
.paf-gpsr__a .paf-h2{margin:0}
.paf-gpsr__b{margin:0}
.paf-gpsr__b dd{overflow-wrap:anywhere}
.paf-gpsr__f{margin-top:clamp(20px,2.4vw,28px);max-width:70ch}
@media(max-width:860px){
  .paf-gpsr{grid-template-columns:minmax(0,1fr);gap:24px}
}

/* ================================================================
   PAF Beschreibung+Daten
   ================================================================ */
/* Text und Datenliste nebeneinander. Die Liste bekommt einen eigenen
   Kasten, damit sie sich vom Fliesstext absetzt - sonst liest man ueber
   die Werte hinweg. */
.paf-ds{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  gap:clamp(26px,4vw,56px);align-items:start;margin-top:clamp(22px,3vw,34px)}
.paf-ds--left .paf-ds__t{order:2}
.paf-ds--left .paf-ds__s{order:1}
.paf-ds--below{grid-template-columns:minmax(0,1fr)}
.paf-ds__t{max-width:70ch}
.paf-ds__s{background:var(--ink-800);border:1px solid var(--ink-600);border-radius:3px;
  padding:clamp(18px,2.2vw,24px)}
.paf-ds__h{font-family:var(--ui);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--cream-dim);margin:0 0 14px}
.paf-ds__s .paf-dl{grid-template-columns:minmax(90px,auto) minmax(0,1fr)}
.paf-ds__n{margin-top:16px}
@media(max-width:860px){
  .paf-ds{grid-template-columns:minmax(0,1fr);gap:24px}
  .paf-ds--left .paf-ds__t,.paf-ds--left .paf-ds__s{order:0}
}

/* ================================================================
   PAF Versandinfo
   ================================================================ */
.paf-si{display:grid;gap:clamp(14px,1.8vw,20px);margin-top:clamp(24px,3vw,36px);
  grid-template-columns:repeat(3,minmax(0,1fr))}
.paf-si--1{grid-template-columns:minmax(0,1fr)}
.paf-si--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.paf-si__c{background:var(--ink-800);border:1px solid var(--ink-600);border-radius:3px;
  padding:clamp(20px,2.4vw,26px);display:flex;flex-direction:column;min-width:0}
.paf-si__h{font-family:var(--display);font-weight:600;font-size:1.05rem;color:var(--cream);
  margin:0 0 12px;line-height:1.3}
.paf-si__t{color:var(--cream-dim);font-size:.93rem;line-height:1.65}
.paf-si__t p{margin:0 0 10px}
.paf-si__t p:last-child{margin-bottom:0}
.paf-si__dl{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);
  gap:7px 16px;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--ink-600)}
.paf-si__dl dt{font-size:.84rem;color:var(--graphite-dim)}
.paf-si__dl dd{margin:0;font-size:.84rem;color:var(--cream);text-align:right}
/* Der Link sitzt unten, damit die Karten trotz unterschiedlich langer
   Texte auf einer Linie enden. */
.paf-si__a{margin-top:auto;padding-top:18px;font-size:.8rem;letter-spacing:.06em;
  color:var(--gold);text-decoration:none}
.paf-si__a:hover{text-decoration:underline}
.paf-si__note{margin-top:clamp(18px,2.2vw,26px)}
.paf-si__full{margin-top:clamp(18px,2.2vw,26px);border-top:1px solid var(--ink-600);
  padding-top:16px}
.paf-si__full > summary{cursor:pointer;font-size:.84rem;letter-spacing:.06em;
  color:var(--cream-dim);list-style:none}
.paf-si__full > summary::-webkit-details-marker{display:none}
.paf-si__full > summary::before{content:"+ ";color:var(--gold)}
.paf-si__full[open] > summary::before{content:"– "}
.paf-si__full .paf-prose{margin-top:16px}
@media(max-width:900px){
  .paf-si{grid-template-columns:repeat(2,minmax(0,1fr))}
  .paf-si--1{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:620px){
  .paf-si,.paf-si--2,.paf-si--3{grid-template-columns:minmax(0,1fr)}
  .paf-si--m2,.paf-si--m2.paf-si--2,.paf-si--m2.paf-si--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .paf-si--m2 .paf-si__c{padding:16px}
  .paf-si--m2 .paf-si__h{font-size:.95rem}
  .paf-si--m2 .paf-si__t{font-size:.86rem}
}

/* ================================================================
   PAF Checkliste - Bildspalte
   ================================================================ */
/* Ohne Bilder ist paf-chkw ein durchsichtiger Rahmen: display:contents
   waere sauberer, bricht aber in Safari die Rasterzuordnung. Ein Block
   ohne eigene Eigenschaften tut dasselbe und ueberall gleich.

   Die drei Bilder stehen nebeneinander und leicht versetzt, nicht mehr
   untereinander. Untereinander wurden sie hoeher als die ganze Liste und
   haben den Abschnitt uebernommen - dabei sind es Referenzbilder, die
   zeigen sollen, was gemeint ist, und nicht das Motiv des Abschnitts.
   Klein und als Gruppe sagen sie dasselbe und nehmen ein Viertel des
   Platzes.

   Der Versatz ist Absicht: drei Kacheln exakt auf einer Linie sehen aus
   wie ein Formularfeld. Die mittlere tiefer, die dritte leicht tiefer,
   und daraus wird eine Gruppe. */
.paf-chkw--img{--paf-chkt:124px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(20px,3.4vw,52px);align-items:center}
.paf-chkw--ws{--paf-chkt:96px}
.paf-chkw--wm{--paf-chkt:124px}
.paf-chkw--wl{--paf-chkt:156px}
.paf-chkw--left{grid-template-columns:auto minmax(0,1fr)}
.paf-chkw--left .paf-chk{order:2}
.paf-chkw--left .paf-chk__ims{order:1}
/* Neben Bildern haben zwei Spalten Liste keinen Platz mehr. */
.paf-chkw--img .paf-chk--2{grid-template-columns:minmax(0,1fr)}

.paf-chk__ims{display:flex;gap:clamp(8px,1vw,14px);align-items:flex-start}
.paf-chk__fig{margin:0;flex:0 0 auto;width:var(--paf-chkt)}
.paf-chk__fig:nth-child(2){margin-top:calc(var(--paf-chkt) * .34)}
.paf-chk__fig:nth-child(3){margin-top:calc(var(--paf-chkt) * .08)}
.paf-chk__fig img{width:100%;height:auto;display:block;border:1px solid var(--ink-600);
  border-radius:3px;background:var(--ink-700);aspect-ratio:4/5;object-fit:cover}
/* Bei 96 px Breite passt "WHOLE PERSON" gesperrt nicht in eine Zeile.
   Kleiner, enger, und umbrechen darf sie. */
.paf-chk__fig figcaption{margin-top:6px;font-size:.6rem;letter-spacing:.06em;
  line-height:1.3;text-transform:uppercase;color:var(--graphite-dim)}

@media(max-width:760px){
  /* Auf dem Handy unter die Liste, weiterhin zu dritt nebeneinander -
     aber auf gleiche Breite gezogen, damit die Reihe den Bildschirm
     ausnutzt. Der Versatz bleibt, nur flacher. */
  .paf-chkw--img,.paf-chkw--left{grid-template-columns:minmax(0,1fr);gap:26px}
  .paf-chkw--left .paf-chk,.paf-chkw--left .paf-chk__ims{order:0}
  .paf-chk__ims{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .paf-chk__fig{width:auto}
  .paf-chk__fig:nth-child(2){margin-top:14px}
  .paf-chk__fig:nth-child(3){margin-top:4px}
  
  /* ---------- Handy: Zweispalter darf nicht ueber den Rand laufen ----------
   1fr ist kurz fuer minmax(auto,1fr). Das "auto" macht eine Spalte
   mindestens so breit wie ihr breitester unteilbarer Inhalt - und Safari
   auf dem iPhone rechnet dabei das Bild mit seiner eigenen Groesse ein,
   nicht mit den 100 % aus dem Stylesheet. Beide Spalten zusammen werden
   dadurch breiter als der Bildschirm. Am Rechner faellt das nicht auf,
   auch nicht in der Handy-Vorschau des Editors - die laeuft im Browser
   des Rechners.
   minmax(0,1fr) nimmt der Spalte diese Mindestbreite, min-width:0 den
   Kacheln darin. */
@media (max-width:759px){
  .paf-grid--m1{grid-template-columns:minmax(0,1fr)}
  .paf-grid--m2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .paf-mgrid.paf-mgrid--m2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.paf-grid > *,.paf-mgrid > *{min-width:0}
.paf-card__m img{min-width:0}