@charset "UTF-8";
/* ============================================================================
   Kooperationspartner (ptn-)  ·  2026-10-28
   Seite /partner/, Startseiten-Streifen, Netzwerk-Block auf /heilberufe-gesundheit/.
   Nutzt ausschliesslich Tokens aus assets/kredus.css. Tiefe ueber Linien, nicht ueber Schatten.
   Banken und Versicherer bewusst als Text-Kacheln, keine Logos.
   ========================================================================== */

/* Einordnung oben auf /partner/ */
.ptn-intro{padding-block:clamp(28px,4vw,44px) 0}
.ptn-note{
  display:grid;grid-template-columns:auto 1fr;gap:var(--s-5);align-items:start;
  max-width:860px;margin-inline:auto;padding:var(--s-6);
  background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--brand-700);
  border-radius:var(--r);
}
.ptn-note-ic{width:28px;height:28px;color:var(--brand-700);margin-top:4px}
.ptn-note h2{font-size:clamp(1.18rem,1.08rem + .4vw,1.4rem);margin:0 0 var(--s-2)}
.ptn-note p{margin:0;color:var(--ink-soft);line-height:1.65}
.ptn-note a{color:var(--brand-700);text-decoration:underline;text-underline-offset:2px}
@media(max-width:560px){.ptn-note{grid-template-columns:1fr;gap:var(--s-3);padding:var(--s-5)}}

/* Abschnittskopf links buendig, ruhiger als die zentrierten Hub-Koepfe */
.ptn-sec-head{max-width:62ch}
.ptn-sec-head h2{margin-top:var(--s-3)}
.ptn-sec-head p{color:var(--muted);font-size:var(--fs-md);margin:var(--s-3) 0 0;line-height:1.6}

/* Text-Kacheln (Banken, Versicherer) */
.ptn-tiles{
  list-style:none;margin:var(--s-7) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4);
}
.ptn-tiles--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.ptn-tiles,.ptn-tiles--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.ptn-tiles,.ptn-tiles--3{grid-template-columns:1fr}}
.ptn-tile{
  position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;
  min-height:96px;padding:var(--s-5) var(--s-5) var(--s-5) calc(var(--s-5) + 6px);
  background:var(--ground);border:1px solid var(--line);border-radius:var(--r);
}
.ptn-tile::before{
  content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;
  background:var(--brand-700);
}
.ptn-tile-name{
  font-family:var(--font-serif);font-size:1.16rem;font-weight:600;line-height:1.25;
  color:var(--ink);letter-spacing:-.01em;
}
.ptn-tile-note{font-size:var(--fs-sm);color:var(--muted)}
.ptn-tile--plain{min-height:76px}
.ptn-fine{margin:var(--s-5) 0 0;font-size:var(--fs-xs);color:var(--muted-2)}

/* Netzwerk-Karten */
.ptn-net-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-5);margin-top:var(--s-7)}
@media(max-width:760px){.ptn-net-grid{grid-template-columns:1fr}}
.ptn-net{
  display:flex;flex-direction:column;min-width:0;
  padding:var(--s-6);background:var(--ground);
  border:1px solid var(--line);border-top:3px solid var(--brand-700);border-radius:var(--r);
}
.ptn-net-meta{
  margin:0 0 var(--s-2);font-size:.75rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--brand-600);
}
.ptn-net-name{font-size:var(--fs-h3);margin:0 0 var(--s-3)}
.ptn-net-text{margin:0;color:var(--muted);font-size:.98rem;line-height:1.6}
.ptn-net-extra{margin:var(--s-3) 0 0;font-size:var(--fs-sm);color:var(--ink-soft)}
.ptn-net-extra a{color:var(--brand-700);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.ptn-net-link{
  display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:var(--s-5);
  min-height:44px;color:var(--brand-700);font-weight:650;font-size:.95rem;word-break:break-word;
}
.ptn-net-link svg{width:16px;height:16px;flex:none;transition:transform .2s var(--ease)}
.ptn-net-link:hover{color:var(--accent-700)}
.ptn-net-link:hover svg{transform:translateX(3px)}

/* Startseiten-Streifen */
.ptn-strip{padding-block:clamp(40px,5vw,64px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ptn-strip-head{max-width:62ch;margin-inline:auto;text-align:center}
.ptn-strip-head .eyebrow{justify-content:center}
.ptn-strip-head h2{font-size:clamp(1.3rem,1.1rem + .9vw,1.8rem);margin-top:var(--s-3)}
.ptn-strip-head p{color:var(--muted);margin:var(--s-3) 0 0}
.ptn-chips{
  list-style:none;margin:var(--s-6) auto 0;padding:0;max-width:900px;
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
}
.ptn-chips li{
  padding:9px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);
  font-family:var(--font-serif);font-weight:600;font-size:1.02rem;color:var(--ink);line-height:1.2;
}
.ptn-strip-net{margin:var(--s-5) auto 0;text-align:center;color:var(--muted);font-size:var(--fs-sm);max-width:70ch}
.ptn-strip-net b{color:var(--ink-soft)}
.ptn-strip-more{margin:var(--s-3) 0 0;text-align:center}

/* Heilberufe-Block */
.ptn-hb{border-top:1px solid var(--line)}
.ptn-hb-more{margin:var(--s-6) 0 0;text-align:center}
.ptn-hb-read{margin:var(--s-3) auto 0;text-align:center;color:var(--muted);font-size:var(--fs-sm);max-width:70ch}
.ptn-hb-read a{color:var(--brand-700);font-weight:600;text-decoration:underline;text-underline-offset:2px}