/* ═══════════ Produktseite ═══════════ */

.phead{padding-block:clamp(120px,14vw,170px) clamp(50px,7vw,80px)}
.phead__in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,70px);align-items:center}
.phead__p{font-size:clamp(1.04rem,1.4vw,1.16rem);color:var(--ink-2);max-width:54ch;margin-bottom:1.9rem}
.phead__p b{font-weight:600;color:var(--ink)}
.phead__act{display:flex;flex-wrap:wrap;gap:12px}
.phead__pic{margin:0;border-radius:24px;overflow:hidden;box-shadow:var(--sh);background:var(--linen)}
.phead__pic img{width:100%;height:100%;object-fit:cover;aspect-ratio:1150/1205}

.pwhy{padding-block:clamp(60px,8vw,110px);background:var(--milk);border-block:1px solid var(--gline)}
.pclaim{
  text-align:center;margin-top:clamp(32px,4vw,48px);
  font-family:var(--serif);font-size:clamp(1.3rem,2.6vw,1.9rem);color:var(--ink);line-height:1.4;
}

.pgal{padding-block:clamp(50px,7vw,90px)}
.pgal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.8vw,20px)}
.pgal__grid figure{margin:0;overflow:hidden;border-radius:20px;background:var(--linen)}
.pgal__grid img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}

.ptodo{padding-block:0 clamp(50px,7vw,90px)}
.wrap--narrow{width:min(100%,760px);margin-inline:auto}
.todo-card{
  border:2px dashed rgba(164,71,47,.34);border-radius:22px;
  padding:clamp(24px,3.4vw,40px);background:rgba(180,85,63,.045);
}
.todo-card h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:1rem}
.todo-card p{color:var(--ink-2);margin-bottom:1rem}
.todo-list{display:grid;gap:.7rem;margin:1.2rem 0 1.6rem}
.todo-list li{
  position:relative;padding-left:1.5rem;font-size:.98rem;color:var(--ink-2);
}
.todo-list li::before{
  content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;
  border-radius:50%;background:#A4472F;opacity:.55;
}
.todo-note{
  font-size:.92rem;color:var(--ink-3);padding-top:1.1rem;
  border-top:1px solid rgba(164,71,47,.22);margin:0;
}
.todo-note b{color:var(--ink);font-weight:600}

.pcta{padding-block:0 clamp(70px,9vw,120px)}
.pcta__box{
  text-align:center;border-radius:26px;padding:clamp(32px,5vw,64px) clamp(22px,4vw,48px);
  background:linear-gradient(150deg,var(--sand),var(--nude) 140%);
  border:1px solid var(--gline);
}
.pcta__box h2{font-size:clamp(1.6rem,3.2vw,2.4rem);margin-bottom:1rem}
.pcta__box p{color:var(--ink-2);max-width:54ch;margin:0 auto 2rem}
.pcta__act{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

@media (max-width:1080px){
  .phead__in{grid-template-columns:1fr;gap:36px}
  .phead__pic{max-width:420px;margin-inline:auto;width:100%}
}
@media (max-width:760px){
  .pgal__grid{grid-template-columns:1fr 1fr}
  .pgal__grid figure:last-child{display:none}
  .phead__act{flex-direction:column}
  .pcta__act{flex-direction:column}
}

/* ═══════════ Produktlinien ═══════════ */
.plines{padding-block:clamp(60px,8vw,110px);background:var(--paper)}
.plines__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,30px)}
.pline{
  border:1px solid var(--gline);border-radius:22px;overflow:hidden;background:var(--milk);
  display:flex;flex-direction:column;
}
.pline figure{margin:0;overflow:hidden;aspect-ratio:5/7;background:var(--linen)}
/* Die Motive sind Anzeigenlayouts: Schrift steht am Rand. Sie laufen deshalb
   unbeschnitten im Originalformat, alle im selben Rahmen. */
.pline img{width:100%;height:100%;object-fit:cover;display:block}
.pline__b{padding:clamp(20px,2.6vw,30px)}
.pline__b h3{font-size:clamp(1.35rem,2.3vw,1.7rem);margin-bottom:.25rem}
.pline__c{
  font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--g3);margin-bottom:1rem;
}
.pline__b p{color:var(--ink-2);font-size:.98rem;margin-bottom:1.1rem}
.pline__t{display:flex;flex-wrap:wrap;gap:7px}
.pline__t li{
  font-size:.78rem;color:var(--ink-2);background:var(--paper);
  border:1px solid var(--gline);border-radius:999px;padding:.4em .9em;
}
.plines__note{
  text-align:center;margin-top:clamp(26px,3.5vw,40px);
  color:var(--ink-3);font-size:.95rem;
}

/* ═══════════ Wirkstoffe ═══════════ */
.pwirk{padding-block:clamp(60px,8vw,110px);background:var(--milk);border-block:1px solid var(--gline)}
.wirk{
  border-left:3px solid var(--g2);padding-left:clamp(16px,2.4vw,26px);
  margin-bottom:clamp(24px,3vw,36px);
}
.wirk h3{font-size:clamp(1.2rem,2.1vw,1.5rem);margin-bottom:.5rem}
.wirk p{color:var(--ink-2);margin:0}
.pdisc{
  margin-top:clamp(28px,4vw,44px);padding-top:1.3rem;border-top:1px solid var(--gline);
  font-size:.88rem;color:var(--ink-4);line-height:1.6;
}

/* ═══════════ Heimpflege ═══════════ */
.pheim{padding-block:clamp(60px,8vw,110px)}
.pheim__box{
  display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,60px);
  align-items:center;
}
.pheim__txt p{color:var(--ink-2);margin-bottom:1.1rem}
.pheim__txt .pill{margin-top:.7rem}
.pheim__pic{margin:0;border-radius:22px;overflow:hidden;background:var(--linen)}
.pheim__pic img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}

@media (max-width:1180px){
  .plines__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .plines__grid{grid-template-columns:1fr}
}
@media (max-width:860px){
  .pheim__box{grid-template-columns:1fr;gap:30px}
  .pheim__pic{max-width:380px;margin-inline:auto;width:100%}
}

/* ═══════════ Familienunternehmen ═══════════ */
.pfam{padding-block:clamp(40px,6vw,70px) 0}
.pfam__box{
  text-align:center;padding:clamp(26px,4vw,44px);
  border:1px solid var(--gline);border-radius:22px;background:var(--milk);
}
.pfam__t{
  font-family:var(--serif);font-size:clamp(1.15rem,2.2vw,1.55rem);
  line-height:1.5;color:var(--ink);margin:0;max-width:56ch;margin-inline:auto;
}

/* ═══════════ Nachhaltigkeit ═══════════ */
.pgreen{padding-block:clamp(60px,8vw,110px);background:var(--sand)}
.pgreen__box{
  display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,60px);align-items:center;
}
.pgreen__txt p{color:var(--ink-2);margin-bottom:1.2rem}
.pgreen__pts{display:grid;gap:1rem;margin:1.4rem 0}
.pgreen__pts li{display:flex;align-items:flex-start;gap:.85rem;font-size:.98rem;color:var(--ink-2);line-height:1.6}
.pgreen__pts b{color:var(--ink);font-weight:600}
.pgreen__note{
  font-size:.92rem;color:var(--ink-3);padding-top:1rem;
  border-top:1px solid var(--gline);margin:0;
}
.pgreen__pic{margin:0;border-radius:22px;overflow:hidden;background:var(--linen)}
.pgreen__pic img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}

/* Zusatzabsatz in einer Produktlinie */
.pline__x{font-size:.93rem;color:var(--ink-3)}

@media (max-width:860px){
  .pgreen__box{grid-template-columns:1fr;gap:30px}
  .pgreen__pic{max-width:420px;margin-inline:auto;width:100%}
}