/* =========================================================================
   Anbieterportal betriebliche Absicherung. Alles unter .pt, Farben aus dem
   COVAGO-Designsystem. Keine Schatten, Flächen trennen über Hintergrund.
   ========================================================================= */

.pt{--pt-navy:#150C2C;--pt-blau:#4E9BD4;--pt-tief:#2C7BC0;--pt-hell:#EAF6FF;--pt-eis:#DCEFFB;--pt-grund:#F3F8FD;--pt-text:#150C2C;color:var(--pt-text)}
.pt-rahmen{max-width:1180px;margin:0 auto;padding:0 32px}
.pt-svg{flex:none;width:1em;height:1em}

/* ---------------------------------------------------------------- Logos */
.pt-logo{display:inline-flex;align-items:center;justify-content:center;flex:none;background:#fff;overflow:hidden}
.pt-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.pt-logo-kuerzel{font-weight:800;color:var(--pt-navy);background:var(--pt-eis)}
.pt-logo-zeile{width:120px;height:52px;border-radius:12px;padding:6px 8px}
.pt-logo-chip{width:58px;height:30px;border-radius:9px;padding:4px 6px;font-size:10px}
.pt-logo-signet{width:40px;height:40px;border-radius:12px;padding:7px}
.pt-logo-gross{width:180px;height:84px;border-radius:22px;padding:12px 16px;font-size:24px}
.pt-logo-frei{width:100%;height:100%;padding:12px 16px;border-radius:20px}

/* ---------------------------------------------------------------- Icons */
.pt-rundicon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:56px;height:56px;border-radius:999px;background:var(--pt-navy);color:#fff;font-size:28px}
.pt-rundicon-klein{width:46px;height:46px;font-size:23px;background:var(--pt-tief)}

/* ----------------------------------------------------------------- Hero */
.pt-held{padding:calc(var(--kopf-h,129px) + 40px) 0 64px;background:radial-gradient(1100px 520px at 88% -10%,#CFE6FA 0%,rgba(207,230,250,0) 62%),linear-gradient(180deg,#FFFFFF 0%,var(--pt-grund) 100%)}
.pt-held-schmal{padding-bottom:44px}
.pt h1{margin:0;font-size:clamp(34px,4.6vw,58px);line-height:1.06;font-weight:800;letter-spacing:-1.2px}
.pt-held-schmal h1{font-size:clamp(30px,3.8vw,48px);max-width:900px}
.pt-lead{margin:20px 0 0;max-width:620px;font-size:18px;line-height:1.6}
.pt-unter{margin:10px 0 0;font-size:15px;font-weight:700;color:var(--pt-tief)}
.pt-held-raster{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;min-height:440px}
.pt-held-text{display:flex;flex-direction:column;justify-content:center}
.pt-suche{display:flex;align-items:center;gap:12px;margin-top:30px;max-width:560px;background:#fff;border-radius:999px;padding:6px 8px 6px 22px;font-size:22px;color:var(--pt-tief)}
.pt-suche input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:16px;padding:14px 0;color:var(--pt-text)}

/* Logo-Illustration: Kacheln kreisen um ein Schild */
.pt-held-bild{position:relative;height:480px;--r:190px}
.pt-orbit{position:absolute;inset:0}
.pt-orbit::before{content:"";position:absolute;left:50%;top:50%;width:440px;height:440px;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle,rgba(78,155,212,.22) 0%,rgba(78,155,212,.06) 55%,rgba(78,155,212,0) 70%)}
.pt-orbit::after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--r) * 2);height:calc(var(--r) * 2);transform:translate(-50%,-50%);border-radius:999px;border:1.5px dashed rgba(44,123,192,.25)}
.pt-orbit-kern{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:112px;height:112px;border-radius:999px;background:var(--pt-navy);color:#fff;font-size:52px}
.pt-orbit-platz{position:absolute;z-index:2;left:calc(50% + var(--r) * var(--c));top:calc(50% + var(--r) * var(--s));transform:translate(-50%,-50%)}
.pt-orbit-logo{display:block;animation:pt-schweben 7s ease-in-out infinite}
.pt-logo-rund{width:76px;height:76px;border-radius:999px;padding:17px}
.pt-orbit-kern img{width:58%;height:auto;filter:brightness(0) invert(1)}
@keyframes pt-schweben{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.pt-orbit-logo{animation:none}}

/* --------------------------------------------------- Reiter und Abschnitte */
.pt-uebersicht{padding:16px 0 96px}
.pt-reiter{position:sticky;top:calc(var(--kopf-h,129px) + 10px);z-index:4;display:flex;gap:6px;overflow-x:auto;padding:6px;margin:0 0 48px;background:#fff;border-radius:999px;scrollbar-width:none}
.pt-reiter::-webkit-scrollbar{display:none}
.pt-reiter button{flex:none;border:0;background:transparent;font:inherit;font-size:14px;font-weight:700;color:var(--pt-text);padding:11px 18px;border-radius:999px;cursor:pointer;white-space:nowrap}
.pt-reiter button:hover{background:var(--pt-hell)}
.pt-reiter button.ist-aktiv{background:var(--pt-navy);color:#fff}
.pt-abschnitt-kopf{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.pt-abschnitt-kopf h2,.pt-verwandt h2,.pt-alle > h2{margin:0;font-size:clamp(26px,2.8vw,36px);font-weight:800;letter-spacing:-.5px;line-height:1.15}
.pt-abschnitt-kopf p{margin:0;font-size:14px;font-weight:600;max-width:340px;text-align:right}
.pt-knopf-rand{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--pt-navy);border-radius:999px;padding:11px 18px;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.pt-knopf-rand:hover{background:var(--pt-eis);color:var(--pt-navy)}
.pt-beliebt{padding-bottom:48px;margin-bottom:48px;background:linear-gradient(90deg,rgba(21,12,44,.08),rgba(21,12,44,.08)) bottom/100% 1px no-repeat}
.pt-beliebt[hidden],.pt-kategorie[hidden]{display:none}

/* Anbieterkarte */
.pt-akarten{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pt-akarte{background:#fff;border-radius:24px;padding:22px 24px}
.pt-akarte-kopf{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--pt-text)}
.pt-akarte-kopf .pt-logo-zeile{background:var(--pt-grund)}
.pt-akarte-name{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:800;line-height:1.3}
.pt-akarte-name .pt-svg{font-size:16px;color:var(--pt-tief)}
.pt-akarte-kopf:hover .pt-akarte-name{color:var(--pt-text);text-decoration:underline}
.pt-akarte-werte{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}
.pt-wert-label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}
.pt-balken{display:flex;align-items:center;gap:10px}
.pt-balken-spur{flex:1;height:8px;border-radius:999px;background:var(--pt-eis);overflow:hidden}
.pt-balken-fuell{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pt-blau),var(--pt-tief))}
.pt-balken-wert{flex:none;font-size:13px;font-weight:800;white-space:nowrap}
.pt-akarte-links{display:flex;gap:18px;margin-top:16px}
.pt-akarte-links a{font-size:14px;font-weight:600;color:var(--pt-text);text-decoration:underline;text-underline-offset:3px}
.pt-akarte-links a:hover{color:var(--pt-tief)}

/* Alle Sparten nach Kategorien */
.pt-alle{padding-top:8px}
.pt-alle > h2{margin-bottom:36px}
.pt-kategorie{margin-bottom:56px}
.pt-kategorie-kopf{margin-bottom:22px}
.pt-kategorie h3{margin:0;font-size:24px;font-weight:800;letter-spacing:-.3px}
.pt-kategorie-kopf p{margin:4px 0 0;font-size:15px}
.pt-karten{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pt-karte{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border-radius:24px;padding:24px 24px 20px;text-decoration:none;transition:background .18s}
.pt-karte,.pt-karte:hover,.pt-karte:hover *{color:var(--pt-text)}
.pt-karte:hover{background:var(--pt-eis)}
.pt-karte[hidden]{display:none}
.pt-karte .pt-rundicon,.pt-karte:hover .pt-rundicon{color:#fff}
.pt-karte-titel{margin-top:16px;font-size:18px;font-weight:800;line-height:1.3}
.pt-karte-text{margin-top:6px;font-size:14.5px;line-height:1.55;flex:1}
.pt-karte-fuss{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:18px}
.pt-karte-mehr{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800;white-space:nowrap}
.pt-karte:hover .pt-karte-mehr{color:var(--pt-text)}
.pt-logostapel{display:flex}
.pt-logostapel .pt-logo{margin-left:-10px;border:1.5px solid #D6E6F3;outline:2px solid #fff}
.pt-logostapel .pt-logo:first-child{margin-left:0}
.pt-karte:hover .pt-logostapel .pt-logo{outline-color:var(--pt-eis)}
.pt-leer{font-size:16px;font-weight:700}
.pt-karten-klein .pt-karte{padding:22px}
.pt-logoreihe{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}

/* ------------------------------------------------------- Bestenliste */
.pt-liste-bereich{padding:16px 0 80px}
.pt-rangliste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pt-rang{display:grid;grid-template-columns:40px 120px minmax(140px,1fr) minmax(260px,1.4fr) auto;align-items:center;gap:20px;background:#fff;border-radius:24px;padding:18px 22px}
.pt-rang .pt-logo-zeile{background:var(--pt-grund)}
.pt-rang.ist-gewaehlt{background:var(--pt-eis)}
.pt-rang-nr{font-size:26px;font-weight:800;color:var(--pt-tief);text-align:center}
.pt-rang-text h3{margin:0;font-size:18px;font-weight:800}
.pt-rang-note{font-size:13px;font-weight:700;color:var(--pt-tief)}
.pt-rang-merkmale{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pt-rang-merkmale li{display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.35}
.pt-rang-merkmale b{font-size:14px}
.pt-rang-aktion{display:flex;align-items:center;gap:14px}
.pt-vergleichen{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.pt-vergleichen input{width:18px;height:18px;accent-color:var(--pt-navy);cursor:pointer}

/* --------------------------------------------------------------- Knöpfe */
.pt-knopf{display:inline-flex;align-items:center;gap:8px;background:var(--pt-navy);color:#fff;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s}
.pt-knopf:hover{background:#2A1B52;color:#fff}
.pt-knopf .pt-svg{font-size:18px}
.pt-knopf-hell{background:#fff;color:var(--pt-navy)}
.pt-knopf-hell:hover{background:var(--pt-eis);color:var(--pt-navy)}
.pt-knopf-blau{background:var(--pt-blau);color:#fff;padding:15px 28px;font-size:15px}
.pt-knopf-blau:hover{background:#3F8AC4;color:#fff}
.pt-knopf-voll{display:flex;justify-content:center;margin-top:22px}

/* Vergleichsleiste */
.pt-vergleichsleiste{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:16px;background:var(--pt-navy);color:#fff;border-radius:999px;padding:10px 10px 10px 26px;font-size:14px;font-weight:700;max-width:calc(100vw - 32px)}
.pt-vergleichsleiste[hidden]{display:none}
.pt-vergleichsleiste a[aria-disabled="true"]{opacity:.4;pointer-events:none}
.pt-vergleichsleiste button{border:0;background:transparent;color:#C6BEDE;font:inherit;font-size:13px;cursor:pointer;padding:8px 12px}

/* ----------------------------------------------------------- Ratgeber */
.pt-ratgeber{padding:72px 0;background:#fff}
.pt-ratgeber-raster{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px}
.pt-inhaltsverzeichnis{position:sticky;top:calc(var(--kopf-h,129px) + 24px);align-self:start;display:flex;flex-direction:column;gap:2px}
.pt-inhaltsverzeichnis span{font-size:15px;font-weight:800;margin-bottom:10px}
.pt-inhaltsverzeichnis a{font-size:14px;font-weight:600;color:var(--pt-text);text-decoration:none;padding:8px 12px;border-radius:12px;line-height:1.4}
.pt-inhaltsverzeichnis a:hover{background:var(--pt-hell)}
.pt-text{max-width:760px}
.pt-text h2{margin:44px 0 12px;font-size:28px;font-weight:800;line-height:1.25;letter-spacing:-.3px;scroll-margin-top:calc(var(--kopf-h,129px) + 24px)}
.pt-text h2:first-child{margin-top:0}
.pt-text-schmal{margin:48px auto 0}
.pt-platzhalter{margin:0;padding:18px 22px;background:var(--pt-hell);border-radius:16px;font-size:15px;line-height:1.6;color:#4A4458;font-style:italic}

/* ------------------------------------------------------ Erfahrungsbericht */
.pt-anbieter-kopf{display:flex;align-items:center;gap:28px}
.pt-bericht{padding:24px 0 80px}
.pt-bericht-raster{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.pt-bericht .pt-text{background:#fff;border-radius:28px;padding:40px}
.pt-bewertung{position:sticky;top:calc(var(--kopf-h,129px) + 24px);background:var(--pt-navy);color:#fff;border-radius:28px;padding:30px}
.pt-bewertung h3{margin:0 0 16px;font-size:20px;font-weight:800;color:#A3D8F4}
.pt-bewertung ul{list-style:none;margin:0;padding:0}
.pt-bewertung li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;font-size:14px}
.pt-bewertung li + li{background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.12)) top/100% 1px no-repeat}
.pt-bewertung .pt-knopf{background:#fff;color:var(--pt-navy)}
.pt-verwandt{padding:72px 0}
.pt-verwandt h2{margin-bottom:22px}
.pt-alternativen{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.pt-alternative{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:16px;background:#fff;border-radius:20px;padding:14px 18px}
.pt-alternative .pt-logo-zeile{background:var(--pt-grund)}
.pt-alternative-name{font-size:17px;font-weight:800;color:var(--pt-text);text-decoration:none}
.pt-alternative-vs{font-size:13px;font-weight:700;color:var(--pt-tief);text-decoration:none}
.pt-alternative-vs:hover,.pt-alternative-name:hover{text-decoration:underline}
.pt-zurueck{margin:28px 0 0}
.pt-zurueck a{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--pt-tief);text-decoration:none}

/* Duell */
.pt-duell{padding:24px 0 80px}
.pt-duell-kopf{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:28px}
.pt-duell-seite{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;border-radius:28px;padding:32px;text-decoration:none;transition:background .18s}
.pt-duell-seite,.pt-duell-seite:hover strong{color:var(--pt-text)}
.pt-duell-seite:hover{background:var(--pt-eis)}
.pt-duell-seite .pt-logo-gross{background:var(--pt-grund)}
.pt-duell-seite strong{font-size:24px;font-weight:800}
.pt-duell-seite span{font-size:13px;font-weight:700;color:var(--pt-tief)}
.pt-duell-vs{font-size:22px;font-weight:800;color:var(--pt-tief)}
.pt-tabelle-huelle{overflow-x:auto;background:#fff;border-radius:24px}
.pt-tabelle{width:100%;border-collapse:collapse;font-size:15px}
.pt-tabelle th,.pt-tabelle td{padding:16px 22px;text-align:left}
.pt-tabelle thead th{background:var(--pt-navy);color:#fff;font-weight:800}
.pt-tabelle tbody tr:nth-child(even){background:var(--pt-grund)}
.pt-tabelle td:first-child{font-weight:700}

/* ------------------------------------------------- Abschluss mit Thorsten */
.pt-cta-bereich{padding:120px 32px 96px}
.pt-cta{position:relative;max-width:1180px;margin:0 auto;min-height:360px;display:flex;align-items:center;border-radius:36px;color:#fff;background:linear-gradient(120deg,rgba(28,19,64,.96) 0%,rgba(28,19,64,.86) 45%,rgba(44,123,192,.55) 100%),url(../img/box-bg-dunkel.webp) center/cover no-repeat,#1C1340}
.pt-cta-text{position:relative;z-index:2;max-width:66%;padding:56px 0 56px 64px}
.pt-cta h2{margin:0;font-size:clamp(26px,2.7vw,34px);font-weight:800;line-height:1.15;letter-spacing:-.5px;color:#fff}
.pt-cta p{margin:16px 0 28px;font-size:17px;line-height:1.65;color:#E4E0F2;max-width:560px}
.pt-cta-foto{position:absolute;right:40px;bottom:0;height:calc(100% + 80px);width:auto;z-index:1;pointer-events:none}

/* ------------------------------------------------ Spartenseite: Hero mittig */
.pt-held-mitte{text-align:center}
.pt-held-mitte h1{max-width:920px;margin:0 auto}
.pt-held-mitte .pt-lead{margin-left:auto;margin-right:auto;max-width:680px}
.pt-autorzeile{display:inline-flex;align-items:center;gap:12px;margin-top:28px;text-align:left}
.pt-autorzeile img{width:44px;height:44px;border-radius:999px;object-fit:cover;flex:none}
.pt-autorzeile strong{display:block;font-size:14px;font-weight:700}
.pt-autorzeile span{display:block;font-size:12px;color:#7A7488;margin-top:2px}

/* ------------------------------------------------- Aufklappbare Anbieterliste */
.pt-anbieterliste{gap:12px}
.pt-anb{background:#fff;border-radius:24px;overflow:hidden;transition:background .18s}
.pt-anb[hidden]{display:none}
.pt-anb:hover,.pt-anb.ist-offen{background:#F7FBFF}
.pt-anb.ist-gewaehlt{background:var(--pt-eis)}
.pt-anb-kopf{display:grid;grid-template-columns:32px 120px minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) 40px;align-items:center;gap:22px;width:100%;padding:18px 22px;border:0;background:transparent;font:inherit;color:var(--pt-text);text-align:left;cursor:pointer}
.pt-anb-kopf .pt-logo-zeile{background:var(--pt-grund)}
.pt-anb-platz{font-size:22px;font-weight:800;color:var(--pt-tief);text-align:center}
.pt-anb-name{min-width:0}
.pt-anb-name strong{display:block;font-size:17px;font-weight:800;line-height:1.3}
.pt-anb-name span{display:block;font-size:13px;color:#5C5570;margin-top:3px;line-height:1.4}
.pt-anb-wert{min-width:0}
.pt-anb-kein{font-size:13px;font-weight:600;color:#7A7488}
.pt-anb-pfeil{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--pt-grund);font-size:20px;transition:transform .22s}
.pt-anb.ist-offen .pt-anb-pfeil{transform:rotate(180deg)}
.pt-anb-details{overflow:hidden;transition:height .22s ease}
.pt-anb-details[hidden]{display:none}
.pt-anb-innen{padding:4px 22px 0 76px}
.pt-anb-kurz{margin:0 0 20px;font-size:15px;line-height:1.65;max-width:860px}
.pt-anb-reihe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.pt-anb-reihe:has(> :only-child){grid-template-columns:minmax(0,1fr)}
.pt-anb-block{display:flex;flex-direction:column;background:var(--pt-grund);border-radius:18px;padding:20px 22px}
.pt-anb-stapel > .pt-anb-block > .pt-haken,.pt-anb-stapel > .pt-anb-block > .pt-anb-daten{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.pt-anb-stapel > .pt-anb-zusatz:first-child{display:flex;flex-direction:column;justify-content:center}
.pt-anb-block h4{margin:0 0 14px;font-size:16px;font-weight:800;color:var(--pt-text)}
.pt-anb-daten{margin:0}
.pt-anb-daten div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:10px 0;background:linear-gradient(90deg,rgba(21,12,44,.08),rgba(21,12,44,.08)) top/100% 1px no-repeat}
.pt-anb-daten div:first-child{padding-top:0;background:none}
.pt-anb-daten div:last-child{padding-bottom:0}
.pt-anb-daten dt{font-size:13px;color:#5C5570;line-height:1.5}
.pt-anb-daten dd{margin:0;font-size:14px;font-weight:600;line-height:1.5}
.pt-anb-stapel{display:flex;flex-direction:column;gap:16px}
.pt-anb-stapel > :first-child{flex:1}
.pt-anb-zusatz{margin:0;background:var(--pt-grund);border-radius:18px;padding:16px 22px;font-size:14px;line-height:1.55}
.pt-anb-zusatz b{display:block;font-size:15px;font-weight:800;color:var(--pt-text);margin-bottom:4px}
.pt-haken{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pt-haken li{display:flex;gap:10px;font-size:14.5px;line-height:1.5}
.pt-haken .pt-svg{box-sizing:content-box;width:12px;height:12px;padding:4px;border-radius:999px;background:var(--pt-tief);color:#fff;margin-top:1px}
.pt-anb-fuss{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:14px 22px 0 76px;padding:18px 0 22px;background:linear-gradient(90deg,rgba(21,12,44,.08),rgba(21,12,44,.08)) top/100% 1px no-repeat}
.pt-anb-fuss .pt-knopf-rand{background:var(--pt-grund)}
.pt-anb-quelle{margin-left:auto;font-size:12px;color:#7A7488}
.pt-anb-quelle a{color:#7A7488}
.pt-anbieterliste.hat-mehr{position:relative}
.pt-anbieterliste.hat-mehr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,rgba(243,248,253,0) 0%,#F3F8FD 92%);pointer-events:none}
.pt-mehr-bereich{position:relative;z-index:1;display:flex;justify-content:center;margin-top:-28px}
.pt-verwandt-hell ~ .pt-cta-bereich{background:#EAF6FF}
.pt-mehr-knopf{border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:700}
.pt-einblenden{animation:pt-einblenden .4s ease both}
@keyframes pt-einblenden{from{opacity:0}to{opacity:1}}

/* ------------------------------------------------- Ratgeber im Blog-Layout */
.pt-artikel{max-width:1180px;margin:0 auto;padding:64px 32px 24px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;align-items:start}
.pt-artikel .cv-artikel-leiste{position:sticky;top:calc(var(--kopf-h,129px) + 24px);display:flex;flex-direction:column;gap:32px}
.pt-artikel .cv-artikel-spalte{max-width:820px}
.pt-artikel .cv-artikel-text{margin-top:0}

/* Infobox ohne Label-Wort: Titel direkt im Kasten, Punkte mit Haken im Kreis */
.pt-artikel .cv-infobox{padding:30px 30px 26px;background:linear-gradient(115deg,#DAEAF8 0%,#E8F2FB 55%,#E2EEF9 100%)}
.pt-artikel .cv-infobox-titel{margin:0 0 14px;font-size:18px;font-weight:800;line-height:1.35;color:#150C2C}
.pt-artikel .cv-infobox p:last-child{margin-bottom:0}
.pt-artikel .cv-artikel-text ul.pt-haken{list-style:none;margin:0;padding:0}
.pt-artikel .cv-artikel-text ul.pt-haken li{margin:0;font-size:15px;line-height:1.6;color:#150C2C}

/* Tabellen im Ratgeber: Zellen brechen nicht um, breite Tabellen schiebt der Rahmen seitlich */
.pt-artikel .cv-artikel-text table{table-layout:auto;width:max-content;min-width:100%}
.pt-artikel .cv-artikel-text table th,.pt-artikel .cv-artikel-text table td{white-space:nowrap;overflow-wrap:normal;padding-right:28px}
.pt-artikel .cv-artikel-text table th:last-child,.pt-artikel .cv-artikel-text table td:last-child{padding-right:0}

/* ------------------------------------------------- Weitere Versicherungen */
.pt-verwandt-hell{background:#EAF6FF;margin-top:80px;padding:80px 0}

/* ------------------------------------------------------ Vergleichstabelle */
.pt-duell-seite{cursor:default}
.pt-duell-seite:hover{background:#fff}
.pt-duell-seite span{text-align:center}
.pt-vgl{background:#fff;border-radius:24px;overflow:hidden}
.pt-vgl-zeile{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);background:linear-gradient(90deg,rgba(21,12,44,.07),rgba(21,12,44,.07)) top/100% 1px no-repeat}
.pt-vgl-zeile > span{padding:16px 22px;font-size:14.5px;line-height:1.55}
.pt-vgl-zeile > span + span{background:linear-gradient(180deg,rgba(21,12,44,.07),rgba(21,12,44,.07)) left/1px 100% no-repeat}
.pt-vgl-label{font-weight:800}
.pt-vgl-leer{color:#8B84A3}
.pt-vgl-kopfzeile{background:var(--pt-navy);color:#fff}
.pt-vgl-kopfzeile > span{font-size:15px;font-weight:800}
.pt-vgl-kopfzeile > span + span{background:none}
.pt-vgl-leistungen > span{background-color:#F7FBFF}
.pt-vgl-quellen a{color:#0E7AB8}
.pt-weitere-vgl{margin-top:56px}
.pt-weitere-vgl h2{margin:0 0 20px;font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.4px}
.pt-weitere-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pt-weitere-karte{display:flex;align-items:center;gap:14px;background:#fff;border-radius:18px;padding:14px 18px;text-decoration:none;font-size:15px;font-weight:700;transition:background .18s}
.pt-weitere-karte,.pt-weitere-karte:hover{color:var(--pt-text)}
.pt-weitere-karte:hover{background:var(--pt-eis)}
.pt-weitere-karte > span:nth-child(2){flex:1;min-width:0}
.pt-weitere-karte .pt-svg{color:var(--pt-tief)}

/* --------------------------------------------------------------- Tablet */
@media (max-width:1100px){
  .pt-anb-kopf{grid-template-columns:32px 110px minmax(0,1fr) minmax(0,.8fr) minmax(0,.8fr) 40px;gap:16px}
  .pt-anb-innen{padding-left:22px}
  .pt-anb-fuss{margin-left:22px}
  .pt-held-raster{grid-template-columns:minmax(0,1fr);min-height:0;gap:24px}
  .pt-held-bild{height:480px;max-width:560px;width:100%;margin:0 auto}
  .pt-karten{grid-template-columns:repeat(2,1fr)}
  .pt-rang{grid-template-columns:36px 120px 1fr auto}
  .pt-rang-merkmale{grid-column:3 / -1;grid-row:2}
  .pt-ratgeber-raster{grid-template-columns:minmax(0,1fr);gap:32px}
  .pt-inhaltsverzeichnis{position:static}
  .pt-bericht-raster{grid-template-columns:minmax(0,1fr)}
  .pt-bewertung{position:static}
  .pt-cta-text{max-width:64%;padding-left:44px}
  .pt-cta-foto{right:24px}
}

/* ----------------------------------------------------------------- Handy */
@media (max-width:700px){
  .pt-vgl-zeile{grid-template-columns:minmax(0,1fr)}
  .pt-vgl-kopfzeile{display:none}
  .pt-vgl-zeile > span{padding:12px 16px}
  .pt-vgl-label{background:var(--pt-grund);padding-top:14px}
  .pt-vgl-zeile > span + span{background:none}
  .pt-vgl-zeile > span[data-anbieter]::before{content:attr(data-anbieter);display:block;font-size:12px;font-weight:800;color:var(--pt-tief);margin-bottom:3px}
  .pt-vgl-zeile > span[data-anbieter] + span[data-anbieter]{background:linear-gradient(90deg,rgba(21,12,44,.07),rgba(21,12,44,.07)) top/100% 1px no-repeat}
  .pt-weitere-raster{grid-template-columns:minmax(0,1fr)}
  .pt-anb-kopf{grid-template-columns:24px 84px minmax(0,1fr) 36px;grid-template-areas:"p l n f" "t t u u";gap:12px 12px;padding:16px}
  .pt-anb-platz{grid-area:p;font-size:18px}
  .pt-anb-kopf .pt-logo-zeile{grid-area:l;width:84px;height:40px}
  .pt-anb-name{grid-area:n}
  .pt-anb-name strong{font-size:15px}
  .pt-anb-wert:nth-of-type(4){grid-area:t}
  .pt-anb-kopf > .pt-anb-wert + .pt-anb-wert{grid-area:u}
  .pt-anb-pfeil{grid-area:f;width:36px;height:36px}
  .pt-anb-innen{padding:4px 16px 0}
  .pt-anb-reihe{grid-template-columns:minmax(0,1fr);gap:12px}
  .pt-anb-stapel{gap:12px}
  .pt-anb-block{padding:18px}
  .pt-anb-daten div{grid-template-columns:minmax(0,1fr);gap:2px}
  .pt-anb-fuss{margin:10px 16px 0;padding-bottom:18px}
  .pt-anb-fuss .pt-knopf,.pt-anb-fuss .pt-knopf-rand{flex:1 1 100%;justify-content:center}
  .pt-anb-quelle{margin-left:0}
  .pt-autorzeile{margin-top:22px}
  .pt-artikel{padding:40px 16px 8px}
  .pt-verwandt-hell{margin-top:48px;padding:56px 0}
  .pt-rahmen{padding:0 16px}
  .pt-held{padding:calc(var(--kopf-h,129px) + 24px) 0 40px}
  .pt-lead{font-size:16px}
  .pt-held-bild{height:330px;--r:128px}
  .pt-logo-rund{width:54px;height:54px;padding:12px}
  .pt-orbit::before{width:300px;height:300px}
  .pt-orbit-kern{width:80px;height:80px;font-size:38px}
  .pt-logo-frei{padding:8px 10px;border-radius:14px}
  .pt-reiter{margin-bottom:32px}
  .pt-abschnitt-kopf{flex-direction:column;align-items:flex-start;gap:12px}
  .pt-abschnitt-kopf p{text-align:left}
  .pt-akarten,.pt-karten{grid-template-columns:minmax(0,1fr);gap:12px}
  .pt-abschnitt-kopf h2,.pt-alle > h2,.pt-verwandt h2{font-size:22px;hyphens:manual;overflow-wrap:break-word}
  .pt-akarte{padding:18px}
  .pt-akarte-kopf{gap:12px}
  .pt-logo-zeile{width:96px;height:44px}
  .pt-akarte-name{font-size:15px}
  .pt-akarte-werte{grid-template-columns:minmax(0,1fr);gap:14px}
  .pt-kategorie h3{font-size:21px}
  .pt-rang{grid-template-columns:28px 96px 1fr;gap:12px;padding:16px}
  .pt-rang-nr{font-size:20px}
  .pt-rang-merkmale{grid-column:1 / -1;grid-row:auto}
  .pt-rang-aktion{grid-column:1 / -1;justify-content:space-between}
  .pt-anbieter-kopf{flex-direction:column;align-items:flex-start;gap:16px}
  .pt-anbieter-kopf > div{max-width:100%}
  .pt h1{hyphens:manual;overflow-wrap:break-word}
  .pt-anb-name span{hyphens:manual;overflow-wrap:break-word}
  .pt-logo-gross{width:150px;height:70px}
  .pt-bericht .pt-text{padding:26px 20px}
  .pt-alternativen{grid-template-columns:1fr}
  .pt-alternative{grid-template-columns:96px 1fr}
  .pt-alternative-vs{grid-column:2}
  .pt-duell-kopf{grid-template-columns:1fr;gap:10px}
  .pt-duell-vs{text-align:center}
  .pt-tabelle th,.pt-tabelle td{padding:12px 14px;font-size:14px}
  .pt-cta-bereich{padding:72px 16px 64px}
  .pt-cta{flex-direction:column;align-items:stretch;min-height:0;border-radius:28px}
  .pt-cta-text{max-width:none;padding:40px 24px 8px}
  .pt-cta-foto{position:relative;right:auto;height:320px;margin:0 auto;display:block}
  .pt-cta .pt-knopf-blau{width:100%;justify-content:center}
  .pt-vergleichsleiste{bottom:12px;padding:8px 8px 8px 18px;gap:8px;font-size:13px}
}

/* Live ohne Bewertungen: Platz, Logo, Name, Kurzbeschreibung, Pfeil */
.pt-anb-kopf{grid-template-columns:32px 120px minmax(0,.9fr) minmax(0,1.5fr) 40px}
.pt-anb-text{min-width:0;font-size:14px;line-height:1.5;color:#5C5570;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1100px){.pt-anb-kopf{grid-template-columns:32px 110px minmax(0,1fr) minmax(0,1.2fr) 40px}}
@media (max-width:700px){.pt-anb-kopf{grid-template-columns:24px 84px minmax(0,1fr) 36px;grid-template-areas:"p l n f"}.pt-anb-text{display:none}}