/* Zweitort Umzüge. Seitenstil. Die Engine-Klassen (.sc-*, [data-sc-*]) bleiben
   unangetastet; hier stehen Marke, Bühnen, Plan und Papiere. */
:root {
  --sc-canvas:     #ECEEE6;
  --sc-surface:    #F6F7F2;
  --sc-ink:        #18202E;
  --sc-ink-soft:   #4A5366;
  --sc-accent:     #2E49BE;
  --sc-accent-ink: #F4F5F0;
  --sc-font-display: "Rubik", system-ui, sans-serif;
  --sc-font-text:    "Lexend", system-ui, sans-serif;
  --sc-font-mono:    "Lexend", system-ui, sans-serif;
  --sc-shadow-color: 220 30% 22%;
  --papier: #FAFAF6;
  --kraft: #C8955A;
  --kraft-dunkel: #93683A;
  --kraft-band: #E2C08C;
  --nacht: #18202E;
  --r: 4px;            /* eine Ecke für alles: Knöpfe, Etiketten, Kartons */
  --textb: min(32rem, 34vw);
  color-scheme: light;
}
html { background: var(--sc-canvas); scrollbar-color: #9AA1AE var(--sc-canvas); }
body { font-family: var(--sc-font-text); background: var(--sc-canvas); color: var(--sc-ink); font-weight: 350; }
::selection { background: var(--sc-accent); color: var(--sc-accent-ink); }
:focus-visible { outline: 2px solid var(--sc-accent); outline-offset: 3px; border-radius: var(--r); }

.sc-display { font-family: var(--sc-font-display); font-weight: 600; letter-spacing: -0.022em; line-height: 1.02; }
.sc-display--xl { font-size: clamp(2.2rem, 1rem + 3.2vw, 3.8rem); }
.sc-display--lg { font-size: clamp(1.9rem, 1.1rem + 2.4vw, 3.2rem); line-height: 1.04; }
.sc-body { color: var(--sc-ink-soft); font-size: var(--sc-t-base); line-height: 1.62; }
@media (max-width: 700px) {
  .sc-display--xl { font-size: clamp(1.85rem, 1.2rem + 3.6vw, 2.4rem); }
  .sc-display--lg { font-size: clamp(1.55rem, 1.1rem + 2.4vw, 2rem); }
  .sc-body { font-size: 0.97rem; line-height: 1.5; }
}

/* ---------- Packband als Navigation ---------- */
.band {
  position: fixed; top: 12px; left: -4vw; right: -4vw; z-index: var(--sc-z-chrome);
  height: 46px; rotate: -1.1deg;
  background:
    linear-gradient(rgb(255 255 255 / .1), transparent 45%, rgb(0 0 0 / .08)),
    repeating-linear-gradient(90deg, rgb(255 255 255 / .045) 0 2px, transparent 2px 9px),
    var(--sc-accent);
  box-shadow: 0 2px 3px hsl(var(--sc-shadow-color) / .18), 0 8px 18px -6px hsl(var(--sc-shadow-color) / .3);
}
.band__rolle {
  display: flex; align-items: center; gap: clamp(1.1rem, 2.4vw, 2.6rem);
  height: 100%; padding-inline: calc(4vw + var(--sc-gutter));
  overflow-x: auto; scrollbar-width: none; white-space: nowrap;
}
.band__rolle::-webkit-scrollbar { display: none; }
.band a { color: var(--sc-accent-ink); text-decoration: none; }
.band__marke { font: 800 1.05rem/1 var(--sc-font-display); letter-spacing: .1em; margin-right: clamp(.4rem, 2vw, 2.4rem); }
.band__marke span { font-weight: 400; letter-spacing: .02em; margin-left: .45em; opacity: .9; }
.band__link { position: relative; font-size: .95rem; font-weight: 450; padding: 6px 4px; }
.band__link::after { /* Filzstift-Kringel um den aktuellen Abschnitt */
  content: ""; position: absolute; inset: -2px -12px; border: 2px solid var(--sc-accent-ink);
  border-radius: 52% 46% 55% 44% / 58% 50% 46% 52%; rotate: -4deg;
  opacity: 0; scale: .8; transition: opacity 200ms var(--sc-ease-out), scale 200ms var(--sc-ease-out);
}
.band__link.ist-hier::after { opacity: 1; scale: 1; }
@media (hover: hover) and (pointer: fine) {
  .band__link:hover { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1.5px; }
}
@media (max-width: 700px) {
  .band { height: 42px; top: 8px; }
  .band__marke span { display: none; }
  .band__link { font-size: .9rem; }
}

/* ---------- Knöpfe ---------- */
.knopf {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 50px; padding: 0 24px; border-radius: var(--r);
  font: 500 1rem/1 var(--sc-font-text); text-decoration: none; white-space: nowrap; cursor: pointer;
  color: var(--sc-ink); background: var(--papier); border: 1.5px solid var(--sc-ink);
  transition: transform 140ms var(--sc-ease-out), background-color 160ms var(--sc-ease-out), box-shadow 160ms var(--sc-ease-out);
}
.knopf:active { transform: translateY(1px); }
.knopf:disabled { opacity: .45; cursor: not-allowed; }
@media (hover: hover) and (pointer: fine) {
  .knopf:not(:disabled):hover { transform: translateY(-2px); box-shadow: var(--sc-e2); }
}
/* Der volle Knopf trägt ein feines Raster, über das ein Lichtstreif läuft. */
.knopf--voll {
  position: relative; overflow: hidden; isolation: isolate;
  color: var(--sc-accent-ink); background: var(--sc-accent); border-color: var(--sc-accent);
}
.knopf--voll::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(105deg, transparent 35%, rgb(255 255 255 / .28) 50%, transparent 65%) -200% 0 / 200% 100% no-repeat,
    repeating-linear-gradient(90deg, rgb(255 255 255 / .07) 0 1px, transparent 1px 6px),
    repeating-linear-gradient(0deg, rgb(255 255 255 / .07) 0 1px, transparent 1px 6px);
  animation: streif 4.8s var(--sc-ease-in-out) infinite;
}
@keyframes streif { 0%, 55% { background-position: -200% 0, 0 0, 0 0; } 100% { background-position: 200% 0, 0 0, 0 0; } }
@media (hover: hover) and (pointer: fine) { .knopf--voll:hover { background: #2741AD; } }
.textknopf {
  background: none; border: 0; padding: 8px 2px; cursor: pointer; color: var(--sc-ink);
  font: 450 .95rem/1 var(--sc-font-text); text-decoration: underline; text-underline-offset: 5px;
}

/* ---------- Bühnen mit Plan ---------- */
.buehne {
  background:
    linear-gradient(rgb(24 32 46 / .045) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(90deg, rgb(24 32 46 / .045) 1px, transparent 1px) 0 0 / 32px 32px,
    var(--sc-canvas);
}
.buehne--umzug { --textb: min(25rem, 27vw); }
.buehne__text {
  position: absolute; z-index: var(--sc-z-copy);
  left: var(--sc-gutter); top: 52%; translate: 0 -50%;
  width: var(--textb); display: grid;
}
.buehne__text > * { grid-area: 1 / 1; }
.buehne__text .sc-body { margin-top: var(--sc-4); max-width: 36ch; }
.held h1 { max-width: 13ch; }
.held__sub { max-width: 34ch; }
.held .knopf { margin-top: var(--sc-6); }

.planfeld {
  position: absolute; margin: 0; z-index: 2;
  left: calc(var(--sc-gutter) + var(--textb) + 1.5rem); right: calc(var(--sc-gutter) * .5);
  top: calc(50% + 22px); translate: 0 -50%;
  display: flex; flex-direction: column; align-items: flex-end; gap: 10px;
}
.plan { width: 100%; height: auto; aspect-ratio: 1280 / 860; max-height: calc(100svh - 170px); overflow: visible; }
.schriftfeld {
  display: flex; flex-wrap: wrap; border: 1.5px solid var(--sc-ink); background: var(--papier);
  font-size: var(--sc-t-xs); color: var(--sc-ink); font-variant-numeric: tabular-nums;
}
.schriftfeld > span { padding: 6px 12px; }
.schriftfeld > span + span { border-left: 1px solid var(--sc-ink); }
.schriftfeld__art { font-family: var(--sc-font-display); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; background: var(--sc-ink); color: var(--papier); }
.schriftfeld b { font-weight: 600; }

@media (max-width: 860px) {
  .buehne__text { top: 66px; translate: none; left: var(--sc-gutter); right: var(--sc-gutter); width: auto; }
  .buehne__text .sc-body { margin-top: var(--sc-3); }
  .held .knopf { margin-top: var(--sc-4); min-height: 46px; }
  .planfeld { left: 4px; right: 4px; top: auto; bottom: 12px; translate: none; align-items: center; gap: 6px; }
}
@media (max-width: 860px) and (max-height: 700px) {
  .held__sub { font-size: .9rem; }
}

/* ---------- Der Plan (SVG) ---------- */
.p-papier { fill: none; }
.p-raster { fill: none; }
.p-boden { fill: #F8F9F4; }
.p-innen { fill: none; stroke: var(--sc-ink); stroke-width: 8; }
.p-aussen { fill: none; stroke: var(--sc-ink); stroke-width: 17; stroke-linejoin: miter; }
.p-geist { fill: none; stroke: var(--sc-accent); stroke-width: 3; stroke-dasharray: 14 10; }
.p-fenster { fill: #F8F9F4; stroke: var(--sc-ink); stroke-width: 2.5; }
.p-fenster-schatten { fill: var(--sc-ink); opacity: 0; }
.p-glas { stroke: var(--sc-ink); stroke-width: 1.6; }
.p-tuerloch { stroke: #F8F9F4; stroke-width: 19; stroke-linecap: butt; }
.p-blatt { stroke: var(--sc-ink); stroke-width: 3.2; stroke-linecap: round; }
.p-bogen { fill: none; stroke: var(--sc-ink); stroke-width: 1.5; stroke-dasharray: 6 6; }
.p-raum { font: 500 25px var(--sc-font-display); fill: var(--sc-ink); letter-spacing: .01em; }
.p-flaeche { font: 400 19px var(--sc-font-text); fill: var(--sc-ink-soft); font-variant-numeric: tabular-nums; }
.p-raum-klein { font: 400 19px var(--sc-font-text); fill: var(--sc-ink-soft); }
.p-mass { stroke: var(--sc-ink-soft); stroke-width: 1.6; }
.p-masstext { font: 400 19px var(--sc-font-text); fill: var(--sc-ink-soft); font-variant-numeric: tabular-nums; }
.p-nord circle { fill: none; stroke: var(--sc-ink-soft); stroke-width: 1.6; }
.p-nord path { fill: var(--sc-ink); }
.p-nord text { font: 600 18px var(--sc-font-display); fill: var(--sc-ink); }
.p-terrasse { stroke: var(--sc-ink-soft); stroke-width: 2; }
.p-schraff { stroke: rgb(74 83 102 / .45); stroke-width: 1.5; }

.moebel rect, .moebel ellipse, .moebel circle { fill: #FDFDFA; stroke: var(--sc-ink); stroke-width: 2.4; }
.moebel line { stroke: var(--sc-ink); }
.moebel .m-fein { stroke-width: 1.6; fill: none; }
.moebel .m-haar { stroke-width: 1; }
.moebel .m-gestr { stroke-dasharray: 4 4; }
.moebel .m-stuhl { fill: #E7E9E1; }
.moebel .m-blatt { fill: #B7C8AA; stroke-width: 1.4; }
.moebel .m-topf { fill: #D8C2A4; }
.a-rand { fill: rgb(24 32 46 / .03); stroke: var(--sc-ink-soft); stroke-width: 2; stroke-dasharray: 8 7; }
.a-marke { fill: var(--papier); stroke: var(--sc-ink-soft); stroke-width: 2; }
.a-nr { font: 600 17px var(--sc-font-display); fill: var(--sc-ink); }
.karton .k-flaeche { fill: var(--kraft); stroke: var(--kraft-dunkel); stroke-width: 2; }
.karton .k-band { fill: var(--kraft-band); }
.karton .k-naht { stroke: var(--kraft-dunkel); stroke-width: 1.4; }
.karton .k-nr { font: 700 22px var(--sc-font-display); fill: var(--sc-ink); }
.karton .k-schatten { fill: var(--sc-ink); opacity: .16; }

@media (max-width: 700px) {
  .p-raum { font-size: 40px; }
  .p-flaeche, .p-masstext, .p-raum-klein { display: none; }
  .a-nr { font-size: 22px; }
  .a-marke { r: 21px; }
  .karton .k-nr { font-size: 26px; }
}
.plan.ist-hoch .p-raum { font-size: 31px; }
.plan.ist-hoch .p-flaeche { display: inline; font-size: 23px; }
.plan.ist-hoch .p-masstext { display: inline; font-size: 24px; }

/* ---------- Laufzettel ---------- */
.laufzettel { padding-block: clamp(4rem, 8vw, 8.5rem); }
.laufzettel__raster {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  gap: clamp(2rem, 6vw, 6rem); align-items: center;
}
.vorzeile {
  font: 600 var(--sc-t-xs)/1.2 var(--sc-font-display); letter-spacing: .12em; text-transform: uppercase;
  color: var(--sc-accent);
}
.laufzettel__text .sc-body { max-width: 42ch; }
.zettel {
  position: relative; margin: 0; rotate: -1.3deg;
  background:
    linear-gradient(transparent 0 calc(100% - 1px), rgb(46 73 190 / .1) 0) 0 3.4rem / 100% 2.6rem,
    var(--papier);
  padding: clamp(1.6rem, 3vw, 2.4rem) clamp(1.4rem, 3vw, 2.6rem) 1.8rem;
  border-radius: 2px;
  box-shadow: 0 2px 3px hsl(var(--sc-shadow-color) / .12), 0 22px 44px -18px hsl(var(--sc-shadow-color) / .35);
}
.zettel::before { /* Lochrand links */
  content: ""; position: absolute; left: 10px; top: 0; bottom: 0; width: 10px;
  background: radial-gradient(circle, var(--sc-canvas) 4px, transparent 4.5px) 0 1.6rem / 10px 5.2rem repeat-y;
}
.zettel__klebe {
  position: absolute; top: -14px; left: 50%; width: 120px; height: 28px; translate: -50% 0; rotate: 3deg;
  background: repeating-linear-gradient(90deg, rgb(255 255 255 / .06) 0 2px, transparent 2px 8px), var(--sc-accent);
  opacity: .92;
}
.zettel__kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; padding-bottom: .9rem; border-bottom: 1.5px solid var(--sc-ink); }
.zettel__kopf b { font: 600 1.6rem/1 var(--sc-font-display); }
.zettel__kopf span { font-size: var(--sc-t-sm); color: var(--sc-ink-soft); }
.zettel__liste { list-style: none; margin: 0; padding: 0; }
.zettel__liste li { display: grid; grid-template-columns: 3.6rem 1fr; gap: 1rem; padding: .62rem 0; border-bottom: 1px dashed rgb(24 32 46 / .2); align-items: baseline; }
.zettel__liste time { font: 600 1.05rem/1.3 var(--sc-font-display); font-variant-numeric: tabular-nums; color: var(--sc-accent); }
.zettel__liste span { font-size: var(--sc-t-sm); line-height: 1.45; }
.zettel__fuss { margin: 1rem 0 0; font-size: var(--sc-t-sm); color: var(--sc-ink-soft); }
@media (max-width: 860px) {
  .laufzettel__raster { grid-template-columns: 1fr; }
  .zettel { rotate: -0.6deg; }
}

/* ---------- Extras: Etiketten-Schiene auf dunklem Grund ---------- */
.buehne--mehr {
  color: var(--papier);
  background:
    linear-gradient(rgb(244 245 240 / .035) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(90deg, rgb(244 245 240 / .035) 1px, transparent 1px) 0 0 / 32px 32px,
    var(--nacht);
}
.schiene { height: 100%; align-items: center; gap: clamp(1.2rem, 2.4vw, 2.2rem); padding-inline: var(--sc-gutter) 0; }
.schiene__kopf { flex: none; width: min(26rem, 78vw); }
.schiene__kopf .sc-display { color: var(--papier); }
.schiene__kopf .sc-body { color: #B9C0CE; margin-top: var(--sc-4); max-width: 30ch; }
.etikett {
  flex: none; width: clamp(16rem, 24vw, 22rem); color: var(--sc-ink);
  background:
    radial-gradient(rgb(24 32 46 / .06) 1px, transparent 1.3px) 0 0 / 12px 12px,
    var(--papier);
  border-radius: var(--r); padding: 1.1rem 1.3rem 1.4rem; position: relative;
  box-shadow: 0 2px 3px rgb(0 0 0 / .25), 0 18px 36px -14px rgb(0 0 0 / .55), inset 0 1px 0 rgb(255 255 255 / .6);
}
.etikett:nth-child(odd) { rotate: -1.4deg; translate: 0 -10px; }
.etikett:nth-child(even) { rotate: 1deg; translate: 0 14px; }
.etikett__kopf { display: flex; justify-content: space-between; align-items: center; padding-bottom: .6rem; border-bottom: 1.5px dashed rgb(24 32 46 / .35); font: 700 .8rem/1 var(--sc-font-display); letter-spacing: .12em; text-transform: uppercase; }
.etikett__oben { display: inline-flex; align-items: center; gap: 6px; }
.etikett__oben::before, .kleber__oben::before { content: ""; width: 10px; height: 12px; background: currentColor; clip-path: polygon(50% 0, 100% 50%, 68% 50%, 68% 100%, 32% 100%, 32% 50%, 0 50%); }
.etikett__bild { width: 100%; height: clamp(76px, 9vw, 112px); margin: .9rem 0 .4rem; fill: none; stroke: var(--sc-ink); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.etikett h3 { font: 600 clamp(1.5rem, 1.1rem + .8vw, 1.9rem)/1.1 var(--sc-font-display); margin: .3rem 0 .5rem; letter-spacing: -.01em; }
.etikett p { margin: 0; font-size: var(--sc-t-sm); line-height: 1.5; color: var(--sc-ink-soft); }
.schiene__schluss { flex: none; width: min(20rem, 70vw); margin: 0 var(--sc-gutter) 0 1rem; font: 500 var(--sc-t-xl)/1.25 var(--sc-font-display); color: var(--papier); }
@media (prefers-reduced-motion: no-preference) {
  .etikett { transition: opacity 300ms var(--sc-ease-out); }
}

/* ---------- Schluss: eigene Etiketten ---------- */
.etiketten { padding-block: clamp(4rem, 8vw, 7rem) clamp(2rem, 4vw, 3rem); }
.etiketten__raster {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(1.5rem, 4vw, 4rem) clamp(2rem, 5vw, 5rem); align-items: start;
}
.etiketten__text .sc-body { max-width: 38ch; }
.auswahl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: var(--sc-6) !important; }
.wahl {
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 6px 9px; cursor: pointer;
  background: var(--papier); border: 1.5px solid rgb(24 32 46 / .28); border-radius: var(--r);
  font: 400 .82rem/1.15 var(--sc-font-text); color: var(--sc-ink); text-align: center;
  transition: border-color 150ms var(--sc-ease-out), background-color 150ms var(--sc-ease-out), transform 120ms var(--sc-ease-out);
}
.wahl svg { width: 60px; height: 40px; overflow: visible; }
.wahl svg rect, .wahl svg circle, .wahl svg ellipse { fill: #FDFDFA; stroke: var(--sc-ink); stroke-width: 3.4; }
.wahl svg line { stroke: var(--sc-ink); stroke-width: 2; }
.wahl svg .m-stuhl { fill: #E7E9E1; }
.wahl[aria-pressed="true"] { border-color: var(--sc-accent); background: #E3E7F6; box-shadow: inset 0 0 0 1px var(--sc-accent); }
.wahl:active { transform: translateY(1px); }
.wahl:disabled { opacity: .4; cursor: default; }
@media (hover: hover) and (pointer: fine) { .wahl:not(:disabled):hover { border-color: var(--sc-ink); } }
.auswahl__hinweis { font-size: var(--sc-t-sm); color: var(--sc-ink-soft); min-height: 1.5em; }

.miniplan { position: relative; aspect-ratio: 1200 / 760; background: var(--papier); border: 1.5px solid var(--sc-ink); border-radius: 2px; }
.plan--mini { position: absolute; inset: 0; width: 100%; height: 100%; }
.plan--mini .p-raum { font-size: 30px; }
.miniplan__raeume { position: absolute; inset: 0; }
.raumknopf { position: absolute; background: transparent; border: 0; padding: 0; cursor: pointer; border-radius: 2px; }
.raumknopf:disabled { cursor: default; }
.ist-bereit .raumknopf { outline: 2.5px dashed var(--sc-accent); outline-offset: -10px; background: rgb(46 73 190 / .05); }
@media (hover: hover) and (pointer: fine) { .ist-bereit .raumknopf:hover { background: rgb(46 73 190 / .14); } }
.moebel--gesetzt { animation: setzen 420ms var(--sc-ease-out) both; }
@keyframes setzen { from { opacity: 0; } to { opacity: 1; } }

.bogen {
  grid-column: 1 / -1; position: relative;
  background:
    radial-gradient(rgb(24 32 46 / .05) 1px, transparent 1.3px) 0 0 / 14px 14px,
    var(--papier);
  padding: clamp(1.2rem, 3vw, 2rem); border-radius: 2px;
  box-shadow: 0 2px 3px hsl(var(--sc-shadow-color) / .1), 0 20px 40px -20px hsl(var(--sc-shadow-color) / .35);
}
.bogen__kopf h3 { font: 600 1.5rem/1.1 var(--sc-font-display); margin: 0; }
.bogen__kopf p { margin: .4rem 0 0; font-size: var(--sc-t-sm); color: var(--sc-ink-soft); }
.bogen__liste { list-style: none; margin: 1.2rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.kleber {
  border: 1.5px solid var(--sc-ink); border-radius: var(--r); padding: .9rem 1rem 1rem; min-height: 12.5rem;
  background: #FFFFFC; outline: 1.5px dashed rgb(24 32 46 / .3); outline-offset: 6px;
}
.kleber--frei { display: grid; place-items: center; border-style: dashed; border-color: rgb(24 32 46 / .3); background: transparent; outline: 0; color: var(--sc-ink-soft); font-size: var(--sc-t-sm); }
.kleber__kopf { display: flex; justify-content: space-between; font: 700 .78rem/1 var(--sc-font-display); letter-spacing: .12em; text-transform: uppercase; padding-bottom: .5rem; border-bottom: 1.5px solid var(--sc-ink); }
.kleber__oben { display: inline-flex; align-items: center; gap: 6px; }
.kleber__nr { display: block; font: 700 3.2rem/1 var(--sc-font-display); margin: .6rem 0 .4rem; }
.kleber dl { margin: 0; display: grid; gap: 2px; }
.kleber dl div { display: grid; grid-template-columns: 4.2rem 1fr; font-size: var(--sc-t-sm); }
.kleber dt { color: var(--sc-ink-soft); }
.kleber dd { margin: 0; font-weight: 500; }
.kleber p { margin: .6rem 0 0; font-size: var(--sc-t-xs); color: var(--sc-ink-soft); }
.bogen__aktion { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 1.6rem; }
.bogen__status { margin: .9rem 0 0; font-size: var(--sc-t-sm); color: var(--sc-ink-soft); }

.fuss { grid-column: 1 / -1; display: flex; gap: 1.2rem; align-items: baseline; flex-wrap: wrap; padding-top: 1.4rem; border-top: 1px solid rgb(24 32 46 / .2); font-size: var(--sc-t-xs); color: var(--sc-ink-soft); }
.fuss__marke { font: 800 .9rem/1 var(--sc-font-display); letter-spacing: .1em; color: var(--sc-ink); }

@media (max-width: 860px) {
  .etiketten__raster { grid-template-columns: 1fr; }
  .bogen__liste { grid-template-columns: 1fr; }
  .kleber { min-height: 0; }
  .kleber--frei { min-height: 3.2rem; }
}
@media (max-width: 420px) {
  .auswahl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- Druck: nur der Etikettenbogen ---------- */
@media print {
  body { background: #fff; }
  body * { visibility: hidden; }
  .bogen, .bogen * { visibility: visible; }
  .bogen { position: absolute; inset: 0 0 auto 0; box-shadow: none; background: #fff; }
  .bogen__aktion, .bogen__status, .kleber--frei { display: none; }
  .band { display: none; }
}