/* PREIS-KLAR-004: Aufteilung Textil + Druck unter dem Stückpreis */
.gr-teil{display:block;font-size:11px;font-weight:500;color:#6b7280;margin-top:2px;white-space:normal;font-style:normal;line-height:1.3}
/* RESTPOSTEN-SICHTBAR-001 (03.11.2026): Restposten-Farben in jeder Größenzeile deutlich markieren */
.gr .gr-rest{all:unset;display:block;width:fit-content;margin-top:4px;padding:2px 7px;border-radius:4px;background:#d92d20;color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1.5;font-family:inherit}
.ampel.rest{background:#d92d20!important;color:#fff!important;border-color:#d92d20!important;font-weight:800;white-space:normal!important;max-width:100%}
/* PREIS-KLAR-003: Wahl „Mit Logo / Ohne Druck (blanko)“ deutlich sichtbar */
.modus a{border-width:2px!important;padding:12px 16px!important}
.modus a b{font-size:15.5px!important}
.modus a small{font-size:12.5px!important;line-height:1.35}
.modus a:not(.on){border-color:#d94f2b!important;background:#fff6f1}
.modus a:not(.on) b{color:#c2410c}
/* ABDEX-TD-MOBIL-001 (24.10.2026): Produktseite am Handy untereinander statt nebeneinander */
@media (max-width:900px){
  .wrap.produkt{display:flex!important;flex-direction:column;gap:20px}
  .wrap.produkt > div:not(.kleb){display:contents}
  .wrap.produkt > div > *{min-width:0;max-width:100%}
  .p-rechts > .p-titel{order:1}
  .p-rechts > .preis-hero{order:2}
  .wrap.produkt .buehne{order:3}
  .wrap.produkt .ansichten{order:4}
  .p-rechts > :nth-child(3), .p-rechts > :nth-child(4), .p-rechts > :nth-child(5){order:5}
  .wrap.produkt .modus{order:6}
  .wrap.produkt .dw{order:7}
  .wrap.produkt .positionen-liste{order:8}
  .wrap.produkt .designer{order:9}
  .p-rechts > :nth-child(n+6){order:10}
  /* PREIS-KLAR-003 (03.11.2026): am Handy gleich unter dem Preis – „Mit Logo / Ohne Druck“ und die Preisübersicht, nicht erst unter den Fotos */
  .p-rechts > .preis-hero{order:2!important}
  .wrap.produkt .modus{order:3!important}
  .p-rechts > .preis-klar{order:3!important}
  .wrap.produkt .buehne{order:4!important}
  .wrap.produkt .ansichten{order:4!important}
  .modus a small{display:block!important}
  .specs{grid-template-columns:minmax(0,1fr)!important;gap:28px}
  .specs > *{min-width:0}
  .as-teaser{display:none!important}
  .as-fab .as-fab-txt{display:none}
  .as-fab{padding:10px!important;border-radius:50%!important}
  body.kleb-an .as-launch{bottom:84px}
  .cookie-hinweis{font-size:13px;line-height:1.35;padding:10px 12px}
  .kleb-preis{white-space:nowrap}
  .kleb-preis small{font-size:10.5px}
  .kleb-in{gap:10px;padding:8px 12px}
}
@media (max-width:420px){.kleb-preis small{display:none}}

/* KARTEN-FIX-001 (03.11.2026): Preiszeile in Produktkarten lief über den Kartenrand („zzgl. Druck ab 4,90 € nett…“) */
.pk-preis > div{min-width:0;max-width:100%}
.pk-preis em.zzgl{white-space:normal}
.pk h3{overflow-wrap:break-word}
.sek-kopf > div{min-width:0}
@media (max-width:600px){h1,h2,.sek-kopf h2{overflow-wrap:break-word;hyphens:auto}}

/* MOBIL-FIX-003 (03.11.2026): Buttons, Größentabelle und Bestellleiste am Handy nicht breiter als der Bildschirm */
@media (max-width:600px){
  .btn{white-space:normal;max-width:100%;text-align:center}
  main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .kleb .wrap > *, .dw-bearbeiten > *, .regler > *, label{min-width:0}
  .kleb .wrap{flex-wrap:wrap}
  .deals-mehr{overflow-wrap:break-word}
}

/* MOBIL-FIX-004 (03.11.2026): Schieberegler im Gestalter und Restposten-Kacheln am Handy */
.regler input[type=range], .dw-bearbeiten input[type=range]{width:100%;max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0}
@media (max-width:600px){ a.deal{min-width:0} a.deal *{min-width:0;max-width:100%} a.deal .tag{white-space:normal} }