/* Ideen-Vorschau 10.11.2026: laufende Zeile, Beipackzettel, Schieberegler. Nur CI-Farben (Creme, Tinte, Kupfer). */

/* ---------- Laufende Zeile unter der Bühne ---------- */
.ticker{position:relative;overflow:hidden;background:var(--paper-2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);margin-top:clamp(40px,5vw,72px)}
.ticker-track{display:flex;width:max-content;animation:ticker-lauf 46s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker ul{display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none}
.ticker li{display:flex;align-items:center;gap:12px;padding:20px clamp(22px,3vw,40px);font-family:"Fraunces",Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(19px,2vw,26px);letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.ticker li svg{width:20px;height:20px;flex:none;color:var(--lime)}
.ticker::before,.ticker::after{content:"";position:absolute;top:0;bottom:0;width:clamp(28px,6vw,90px);z-index:1;pointer-events:none}
.ticker::before{left:0;background:linear-gradient(90deg,var(--paper-2),rgba(246,241,233,0))}
.ticker::after{right:0;background:linear-gradient(270deg,var(--paper-2),rgba(246,241,233,0))}
@keyframes ticker-lauf{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Beipackzettel ---------- */
#beipackzettel{padding-top:clamp(80px,10vw,140px)}
.beipack{position:relative;max-width:880px;margin:clamp(40px,5vw,64px) 0 0;background:var(--white);border:1px solid rgba(34,30,26,.14);box-shadow:0 30px 60px -40px rgba(34,30,26,.35);padding:clamp(24px,4vw,48px) clamp(20px,4.4vw,56px) clamp(26px,4vw,44px)}
.beipack::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--lime)}
.beipack-kopf{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;align-items:baseline;padding-bottom:18px;border-bottom:1px solid rgba(178,106,48,.45)}
.beipack-kopf small{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime-deep)}
.beipack-kopf b{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:clamp(21px,2.2vw,27px);letter-spacing:-.025em;color:var(--ink)}
.beipack-rows{margin:0;padding:0}
.beipack-rows>div{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:6px 28px;padding:17px 0;border-bottom:1px solid var(--hair)}
.beipack-rows dt{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--lime-deep);padding-top:4px}
.beipack-rows dd{margin:0;font-size:17px;line-height:1.5;color:var(--ink-2)}
.beipack-fein{margin:18px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted)}
@media (max-width:640px){
  .beipack-rows>div{grid-template-columns:1fr;gap:4px;padding:15px 0}
  .beipack-rows dt{padding-top:0}
  .beipack-rows dd{font-size:16px}
}

/* ---------- Partnerseite: Beipackzettel-Box statt „Was ich nicht verspreche“ ---------- */
.fair .fair-rows{margin:10px 0 0;padding:0}
.fair .fair-rows>div{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);gap:4px 20px;padding:9px 0;border-top:1px solid var(--line)}
.fair .fair-rows dt{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);padding-top:3px}
.fair .fair-rows dd{margin:0;color:var(--bone-dim)}
@media (max-width:640px){.fair .fair-rows>div{grid-template-columns:1fr}}