:root{
  --tl-x: 5px; 
  --tl-bullet: 18px;     
  --tl-line-w: 2px;
  --tl-gap: 10px; 
--pfm-accent: var(--akzent-hell); 
  --val: 50%;   
  --neg: var(--akzent-red-soft); 
  --pos: var(--akzent-green-soft); 
  --mid: color-mix(in srgb, var(--neg) 50%, var(--pos) 50%); }
.gd-profile{ --pfm-accent: rgb(var(--wand-rgb, 255,255,255)); }

.value_freifeld { width: 100%;}
.pfm-block{ display:block; width:100%; }

/* = Karten-Grundlage mit leichter Verfeinerung = */
.pfm-card{
  background: var(--tbl-main-tr);
  border: 1px solid var(--hairline);
  padding: 12px;
  line-height: 1.45;
  text-align: justify;
  text-align-last: left;
  width: 100%;
  box-sizing: border-box;
}
.pfm-header > * { min-width: 0; }

.pfm-header{
display: grid;
  gap: 20px;
  align-items: start;
  grid-template-columns: 140px 1fr;
}
@media (max-width: 720px){
  .pfm-header{ grid-template-columns: 1fr; }
}
.pfm-portrait{
  --pfm-portrait-ratio: 3/4;
  --pfm-portrait-brd: 3px;
  position: relative;
  width: 100%;
  aspect-ratio: var(--pfm-portrait-ratio);
  overflow: hidden;
  border: var(--pfm-portrait-brd) solid var(--tbl-main-tr2);
  outline: 1px solid var(--hairline);
  background: var(--tbl-main-tr2);
}
.pfm-portrait img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block;   filter: grayscale(100%); }
.pfm-portrait::after{
  content:""; position:absolute; top:0; left:0; right:0; height:4px;
background: var(--pfm-accent);
  opacity:.9;
}

.pfm-head{ display:flex; align-items:center; gap:6px; margin:0 0 6px; }
.pfm-label{ font-size: var(--txtm); text-transform: uppercase; letter-spacing:.08em; color: var(--akzent-hell); }
.pfm-ico{ width:20px; height:20px; flex:0 0 20px; color: var(--pfm-accent); }
.pfm-ico svg{ width:100%; height:100%; display:block; }
.pfm-subtitle{ margin:.25em 0 .35em; font-size: var(--txtsmall); text-transform:uppercase; letter-spacing:.08em; color:var(--akzent-hell); opacity:.95; }

.pfm-list{ list-style:none; margin:.25em 0 0; padding:0; display:grid; gap:.45em; }
.pfm-list li{ position:relative; padding-left:1.25em; }
.pfm-list li::before{ content:"⨺"; position:absolute; left:0; top:0; color: var(--pfm-accent); opacity:.95; }

.pfm-timeline{
  position: relative;
  padding-left: calc(var(--tl-x) + var(--tl-gap) + 4px);
  margin: .25em 0 0;
  display: grid;
  gap: .55em;
}

.pfm-timeline::before{
  content:"";
  position:absolute;
  left: var(--tl-x);
  top: .2em;
  bottom: .2em;
  width: var(--tl-line-w);
  background: linear-gradient(var(--pfm-accent), rgba(0,0,0,0)); 
  opacity:.8;
  z-index: 0;
}

.pfm-tl-item{ position:relative; }
.pfm-tl-item::before{
content: "";
  position: absolute;
  left: -20px;
  top: -0.5em;
  width: var(--tl-bullet);
  height: var(--tl-bullet);
  border: 2px solid var(--akzent-hell);
  box-shadow: 0 0 0 2px var(--tbl-main-tr);
  z-index: 0;
}

.pfm-tl-item::marker {  color: var(--akzent-hell); font-weight: 900; }

.pfm-tl-when{
  font-family: var(--akzenttext);
  font-weight: 700;
  font-size: var(--txtm);
  letter-spacing: .3em;
  color: var(--akzent-hell); 
  line-height: 1.2;
  margin-bottom: 2px;
padding-left: 8px;
}

.pfm-tl-what{ font-size: var(--txtm); }

.pfm-timeline--compact{ gap: .4em; }
.pfm-timeline--compact .pfm-tl-when{ font-size: var(--txtxsmall); }

.pfm-tl-when.is-badge{
  display:inline-block;
  padding: .05em .4em;
  border:1px solid var(--hairline);
  background: var(--tbl-main-tr2);
  border-radius: 2px;
}

/* INTERNES 2-SPALTEN-GRID für Module, die zweispaltig sein sollen */
.pfm-2col{ display:grid; gap:12px; grid-template-columns: 1fr 1fr; }
@media (max-width: 760px){ .pfm-2col{ grid-template-columns: 1fr; } }

/* Stärken/Schwächen Bullets */
.pfm-strengths, .pfm-weaknesses{ list-style:none; margin:.25em 0 0; padding:0; display:grid; gap:.4em; }
.pfm-strengths li, .pfm-weaknesses li{ position:relative; padding-left:1.4em; }
.pfm-strengths li::before{ content:"+"; position:absolute; left:0; top:0; color:var(--akzent-green-soft); font-weight:700; }
.pfm-weaknesses li::before{ content:"–"; position:absolute; left:0; top:0; color:var(--akzent-red-soft); font-weight:700; }

/* Magische Aspekte Grid */
.pfm-magic-grid{ display:grid; gap:10px; grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width: 680px){ .pfm-magic-grid{ grid-template-columns: 1fr; } }
.pfm-magic-badge{ border:1px solid var(--hairline); background: var(--tbl-main-tr2); padding:8px 10px; display:grid; gap:4px; }

/* Deko rechts umfließen (optional, kann bleiben) */
.pfm-float-svg{ float:right; width:56px; height:56px; margin:2px 0 6px 10px; opacity:.85; color: var(--pfm-accent); }
.pfm-float-svg svg{ width:100%; height:100%; display:block; }

/* Chips */
.pfm-chip{ display:inline-flex; align-items:center; gap:6px; padding:.15em .55em; border:1px solid var(--hairline);
  background: var(--tbl-main-tr); color: var(--akzent-hell); font-size: var(--txtxsmall); }

/* ==== Q&A (Interview) – optional 2-Spalten-Layout ==== */
.pfm-qna{ display:grid; gap:10px; }
.pfm-qna.pfm-2col{ grid-template-columns: 1fr 1fr; }
@media (max-width:760px){ .pfm-qna.pfm-2col{ grid-template-columns:1fr; } }
.pfm-q{
  display:grid; gap:4px;
  border-left: 3px solid var(--pfm-accent);
  padding-left:10px;
}
.pfm-q .q{ font-weight:700; font-size:var(--txtsmall); color:var(--akzent-hell); }
.pfm-q .a{ font-size:var(--txtm); }

/* ==== Familie – Mini-Cards im Grid ==== */
.pfm-family{ display:grid; gap:8px; grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width:700px){ .pfm-family{ grid-template-columns:1fr; } }
.pfm-person{
  border:1px solid var(--hairline); background:var(--tbl-main-tr2);
  padding:8px 10px; display:grid; gap:3px;
}
.pfm-person .role{ font-size:var(--txtxsmall); text-transform:uppercase; letter-spacing:.08em; color:var(--akzent-hell); }
.pfm-person .name{ font-weight:900; letter-spacing: 0.3em; font-family: var(--akzenttext); color:var(--akzent-hell);text-transform:uppercase;  font-size:var(--txtm);  }
.pfm-person .note{ font-size:var(--txtm); opacity:.85; }

.pfm-facts{ list-style:none; padding:0; margin:.25em 0 0; display:grid; gap:.45em; }
.pfm-facts li{ position:relative; padding-left:1.4em; }
.pfm-facts li::before{
  content:"⨺"; position:absolute; left:0; top:0;
  color: var(--pfm-accent); font-weight:700; text-shadow:1px 1px 0 var(--tbl-main-tr);
}

/* UG → Wand-RGB */
.gd-profile[class~="ug-12"]{ --wand-rgb: var(--order-rgb); }
.gd-profile[class~="ug-14"]{ --wand-rgb: var(--deatheater-rgb); }
.gd-profile[class~="ug-15"]{ --wand-rgb: var(--neworder-rgb); }
.gd-profile[class~="ug-16"]{ --wand-rgb: var(--magic-rgb); }
.gd-profile[class~="ug-17"]{ --wand-rgb: var(--muggle-rgb); }
.gd-profile[class~="ug-18"]{ --wand-rgb: var(--beings-rgb); }
.gd-profile[class~="ug-8"] { --wand-rgb: var(--magic-rgb); }
.gd-profile[class~="ug-19"]{ --wand-rgb: var(--bewerber-rgb); }

.pfm-stance{ display:flex; flex-wrap:wrap; gap:6px; margin:.4em 0; } 
.pfm-chip{ display:inline-flex; align-items:center; gap:6px; padding:.15em .55em; border:1px solid var(--hairline); background:var(--tbl-main-tr); color:var(--akzent-hell); font-size:var(--txtxsmall); } 
.pfm-chip--pro{ border-color: var(--pos); } 
.pfm-chip--contra{ border-color: var(--neg); } 
.pfm-chip--neutral{ opacity:.9; }

.pfm-scale{
  height: 8px;
  border: 1px solid var(--hairline);
  background:
    linear-gradient(90deg, var(--neg), var(--mid), var(--pos)) 0 0 / var(--val) 100% no-repeat,
    var(--tbl-main-tr2);
}  


.pfm-scale.pfm-scale--bi{
  background:
    linear-gradient(90deg, var(--neg), var(--pos)) 0 0 / var(--val) 100% no-repeat,
    var(--tbl-main-tr2);
}

.pfm-scale.pfm-scale--center{ position:relative; }
.pfm-scale.pfm-scale--center::after{
  content:""; position:absolute; left:50%; top:-1px; bottom:-1px; width:1px;
  background: rgba(255,255,255,1);
}

.pfm-scale.pfm-scale--ticks{
  background:
    linear-gradient(90deg, var(--neg), var(--mid), var(--pos)) 0 0 / var(--val) 100% no-repeat,
    repeating-linear-gradient(90deg, transparent 0, transparent 9.9%, rgba(255,255,255,1) 10%),
    var(--tbl-main-tr2);
}

/* ===== Ab hier: Relations ===== */
.pfm-relations{
    display: flex;
  gap:10px;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media (max-width: 820px){
  .pfm-relations{ display: grid; grid-template-columns: 1fr; }
}


.rel-sections.rel--grid .pfm-relations{
    display: flex;
  gap:10px;
}

.rel-section-title{
  margin: 2px 0 8px;
  font-size: var(--txtsmall);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--akzent-hell);
  display:flex; align-items:center; gap:8px;
}
.rel-section-title::before{
  content:""; inline-size: 18px; block-size: 3px;
  background: var(--pfm-accent); opacity:.9;
  border-radius: 2px;
}

.rel-item{
  --rel-accent: var(--pfm-accent);
  border:1px solid var(--hairline);
  background: var(--tbl-main-tr2);
padding: 5px 10px;
    display: grid;
    width: 45%;
}
.rel-item.rel--pro     { --rel-accent: var(--pos); }
.rel-item.rel--contra  { --rel-accent: var(--neg); }
.rel-item.rel--neutral { --rel-accent: var(--akzent-hell); }
.rel-item.rel--romance { --rel-accent: color-mix(in srgb, var(--pos) 70%, deeppink 30%); }

.rel-head{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  border-left:3px solid var(--rel-accent); padding-left:10px;
}
.rel-id{ display:flex; align-items:center; gap:8px; min-width:0; }
.rel-avatar{
  inline-size:26px; block-size:26px;
  object-fit:cover; object-position:center;
  outline:1px solid var(--hairline);
  background: var(--tbl-main-tr);
}

.rel-name{ margin:0; font-size: var(--txtm); line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rel-name a{ color:inherit; text-decoration:none; border-bottom:1px dashed var(--rel-accent); }
.rel-name a:hover{ border-bottom-style:solid; }

.rel-type{
  display:inline-flex; align-items:center; gap:6px;
  font-size: var(--txtxsmall);
  padding:.15em .5em; border:1px solid var(--rel-accent);
  background: var(--tbl-main-tr); color: var(--akzent-hell);
}

.rel-type-ico{
  inline-size:16px; block-size:16px;
  background: currentColor;            /* nimmt Textfarbe */
  -webkit-mask: var(--rel-type-ico) no-repeat center/contain;
          mask: var(--rel-type-ico) no-repeat center/contain;
}


.rel--pro     .rel-type-ico{ --rel-type-ico: var(--ico-heart);    }
.rel--neutral .rel-type-ico{ --rel-type-ico: var(--ico-cloud);    }
.rel--contra  .rel-type-ico{ --rel-type-ico: var(--ico-warning);  }
.rel--romance .rel-type-ico{ --rel-type-ico: var(--ico-heart);    }
.rel--beaker .rel-type-ico { --rel-type-ico: var(--ico-beaker); }


:root{
  --ico-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z'/%3E%3C/svg%3E");
  --ico-cloud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.5 9.75a6 6 0 0 1 11.573-2.226 3.75 3.75 0 0 1 4.133 4.303A4.5 4.5 0 0 1 18 20.25H6.75a5.25 5.25 0 0 1-2.23-10.004 6.072 6.072 0 0 1-.02-.496Z'/%3E%3C/svg%3E");
--ico-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
--ico-beaker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.5 3.798v5.02a3 3 0 0 1-.879 2.121l-2.377 2.377a9.845 9.845 0 0 1 5.091 1.013 8.315 8.315 0 0 0 5.713.636l.285-.071-3.954-3.955a3 3 0 0 1-.879-2.121v-5.02a23.614 23.614 0 0 0-3 0Zm4.5.138a.75.75 0 0 0 .093-1.495A24.837 24.837 0 0 0 12 2.25a25.048 25.048 0 0 0-3.093.191A.75.75 0 0 0 9 3.936v4.882a1.5 1.5 0 0 1-.44 1.06l-6.293 6.294c-1.62 1.621-.903 4.475 1.471 4.88 2.686.46 5.447.698 8.262.698 2.816 0 5.576-.239 8.262-.697 2.373-.406 3.092-3.26 1.47-4.881L15.44 9.879A1.5 1.5 0 0 1 15 8.818V3.936Z'/%3E%3C/svg%3E");
}

.rel--pro      .rel-type-label::after{ content:"positiv"; }
.rel--contra   .rel-type-label::after{ content:"negativ"; }
.rel--neutral  .rel-type-label::after{ content:"neutral"; }
.rel--romance  .rel-type-label::after{ content:"romantisch"; }
.rel--beaker   .rel-type-label::after{ content:"professionell"; }


.rel-desc{ margin:.2em 0 0; font-size: var(--txtm); }

.rel-metrics{
  display:grid; gap:10px; grid-template-columns: 1fr auto; align-items:end;
}
@media (max-width:480px){ .rel-metrics{ grid-template-columns:1fr; } }

.rel-scale .pfm-scale{ outline:1px solid var(--hairline); box-shadow: inset 0 0 0 1px rgba(255,255,255,.03); }
.rel-scale-label{ font-size: var(--txtxsmall); text-transform:uppercase; letter-spacing:.08em; color:var(--akzent-hell); margin-bottom:4px; }
.rel-scale-ticks{ display:flex; justify-content:space-between; gap:6px; font-size:var(--txtxsmall); opacity:.85; margin-top:4px; }

/* ===== Bedeutung 0–10: Iconset-Switcher ===== */
.rel-intensity{ display:grid; gap:4px; justify-items:end; }

.rel-intensity .rel-stars{
  direction: ltr;
  unicode-bidi: isolate;
}
.rel-intensity .rel-stars .star::after{ opacity:0 !important; }  /* alles leer als Start */

/* Defaults (Star) */
.rel-stars{
  --ico-filled: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z"/></svg>');
  --ico-outline: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.563.563 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/></svg>');
  display:inline-grid; grid-auto-flow:column; gap:2px;
}
.rel-stars[data-icon="sparkles"]{
  --ico-filled: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z" clip-rule="evenodd"/></svg>');
  --ico-outline: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z"/></svg>');
}
.rel-stars[data-icon="fire"]{
  --ico-filled: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12.963 2.286a.75.75 0 0 0-1.071-.136 9.742 9.742 0 0 0-3.539 6.176 7.547 7.547 0 0 1-1.705-1.715.75.75 0 0 0-1.152-.082A9 9 0 1 0 15.68 4.534a7.46 7.46 0 0 1-2.717-2.248ZM15.75 14.25a3.75 3.75 0 1 1-7.313-1.172c.628.465 1.35.81 2.133 1a5.99 5.99 0 0 1 1.925-3.546 3.75 3.75 0 0 1 3.255 3.718Z" clip-rule="evenodd"/></svg>');
  --ico-outline: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z"/><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 0 0 .495-7.468 5.99 5.99 0 0 0-1.925 3.547 5.975 5.975 0 0 1-2.133-1.001A3.75 3.75 0 0 0 12 18Z"/></svg>');
}
.rel-stars[data-icon="beaker"]{
  --ico-filled: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M10.5 3.798v5.02a3 3 0 0 1-.879 2.121l-2.377 2.377a9.845 9.845 0 0 1 5.091 1.013 8.315 8.315 0 0 0 5.713.636l.285-.071-3.954-3.955a3 3 0 0 1-.879-2.121v-5.02a23.614 23.614 0 0 0-3 0Zm4.5.138a.75.75 0 0 0 .093-1.495A24.837 24.837 0 0 0 12 2.25a25.048 25.048 0 0 0-3.093.191A.75.75 0 0 0 9 3.936v4.882a1.5 1.5 0 0 1-.44 1.06l-6.293 6.294c-1.62 1.621-.903 4.475 1.471 4.88 2.686.46 5.447.698 8.262.698 2.816 0 5.576-.239 8.262-.697 2.373-.406 3.092-3.26 1.47-4.881L15.44 9.879A1.5 1.5 0 0 1 15 8.818V3.936Z" clip-rule="evenodd"/></svg>');
  --ico-outline: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" d="M9.75 3.104v5.714a2.25 2.25 0 0 1-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 0 1 4.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0 1 12 15a9.065 9.065 0 0 0-6.23-.693L5 14.5m14.8.8 1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.309 48.309 0 0 1 12 21c-2.773 0-5.491-.235-8.135-.687-1.718-.293-2.3-2.379-1.067-3.61L5 14.5"/></svg>');
}


.rel-stars .star{ inline-size:18px; block-size:18px; position:relative; display:inline-block; }
.rel-stars .star::before{
  content:""; position:absolute; inset:0;
  -webkit-mask: var(--ico-outline) center/contain no-repeat;
  mask: var(--ico-outline) center/contain no-repeat;
  background: var(--akzent-hell);
}
.rel-stars .star::after{
  content:""; position:absolute; inset:0; opacity:0;
  -webkit-mask: var(--ico-filled) center/contain no-repeat;
  mask: var(--ico-filled) center/contain no-repeat;
  background: var(--rel-accent);
}

.rel-intensity .rel-stars[data-max="10"][data-value="0"]  .star:nth-child(-n+0)::after{  opacity:0 !important; }
.rel-intensity .rel-stars[data-max="10"][data-value="1"]  .star:nth-child(-n+1)::after{  opacity:1 !important; }
.rel-intensity .rel-stars[data-max="10"][data-value="2"]  .star:nth-child(-n+2)::after{  opacity:1 !important; }
.rel-intensity .rel-stars[data-max="10"][data-value="3"]  .star:nth-child(-n+3)::after{  opacity:1 !important; }
.rel-intensity .rel-stars[data-max="10"][data-value="4"]  .star:nth-child(-n+4)::after{  opacity:1 !important; }
.rel-intensity .rel-stars[data-max="10"][data-value="5"]  .star:nth-child(-n+5)::after{  opacity:1 !important; }
.rel-intensity .rel-stars[data-max="10"][data-value="6"]  .star:nth-child(-n+6)::after{  opacity:1 !important; }
.rel-intensity .rel-stars[data-max="10"][data-value="7"]  .star:nth-child(-n+7)::after{  opacity:1 !important; }
.rel-intensity .rel-stars[data-max="10"][data-value="8"]  .star:nth-child(-n+8)::after{  opacity:1 !important; }
.rel-intensity .rel-stars[data-max="10"][data-value="9"]  .star:nth-child(-n+9)::after{  opacity:1 !important; }
.rel-intensity .rel-stars[data-max="10"][data-value="10"] .star:nth-child(-n+10)::after{ opacity:1 !important; }

.rel-count{ font-size: var(--txtxsmall); opacity:.9; }

.rel-item .pfm-scale{
  background:
    linear-gradient(90deg, var(--neg), var(--mid), var(--pos)) 0 0 / var(--val) 100% no-repeat,
    var(--tbl-main-tr2);
}
.rel-item.rel--pro .pfm-scale{
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--mid) 30%, var(--pos) 70%), var(--pos)) 0 0 / var(--val) 100% no-repeat,
    var(--tbl-main-tr2);
}
.rel-item.rel--contra .pfm-scale{
  background:
    linear-gradient(90deg, var(--neg), color-mix(in srgb, var(--neg) 70%, var(--mid) 30%)) 0 0 / var(--val) 100% no-repeat,
    var(--tbl-main-tr2);
}


.pfm-figure{ display:inline-grid; gap:6px; }

.pfm-figure--120     { inline-size:120px; }
.pfm-figure--120x200 { inline-size:120px; }

.pfm-fig--float-right{ float:right; margin:2px 0 6px 10px; }
.pfm-fig--float-left { float:left;  margin:2px 10px 6px 0; }

@media (max-width: 680px){
  .pfm-figure.pfm-fig--float-right,
  .pfm-figure.pfm-fig--float-left{
    float:none; display:block; margin:6px 0;
    max-inline-size:100%;
  }
  .pfm-figure.pfm-fig--float-right .pfm-img,
  .pfm-figure.pfm-fig--float-left  .pfm-img{ margin-inline:auto; }
}


.pfm-img{
  --pfm-img-brd: 3px;
  border: var(--pfm-img-brd) solid var(--tbl-main-tr2);
  outline: 1px solid var(--hairline);
  background: var(--tbl-main-tr2);
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
filter: grayscale(100%);
}

.pfm-img img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }

.pfm-img--120     { inline-size:120px; block-size:120px; }
.pfm-img--120x200 { inline-size:120px; block-size:200px; }

.pfm-caption{
  font-size: var(--txtxsmall);
  color: var(--akzent-hell);
  opacity: .9;
  text-align: center;
  line-height: 1.3;
  max-inline-size:100%; 
  word-break: break-word;
}
.pfm-caption:empty{ display:none; }

.pfm-img{
  box-sizing: border-box;
}

.pfm-figure--wide,
.pfm-figure--wide *,
.post .pfm-figure--wide,
.post .pfm-figure--wide * {
  box-sizing: border-box !important;
  max-width: 100% !important;
  max-height: 250px !important;
}

.pfm-figure--wide {
  display: block;
  width: 100%;
  margin: 12px auto;
  overflow: hidden;
  padding: 0;
  max-height: 250px;
}

.pfm-figure--wide .pfm-img--wide {
  display: block;
  width: 100%;
  height: 250px;
  overflow: hidden;
  border: 1px solid var(--hairline);
  outline: none; /* optional: Outline raus, die addiert sonst Breite */
  margin: 0 auto;
}

.pfm-figure--wide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; }

.post .pfm-figure--wide {
  margin-inline: 0; /* kein Überstand seitlich */
  padding-inline: 0;
  height: 250px;
}