/* Live PDP parts — copied 1:1 from edelstahl-tuerklingel.de (SDM10X / VDM10 Colson PDP, 05.11.2026):
   Downloads (.psx-dl) as on the live product page. Old review-only parts (techms, contact modal …) live in css/review-legacy.css.
   Only adapted for the kit rules: px → rem, rgba → colour tokens, hover lift/nudge removed. No new design. */
/* theme tokens the live CSS relies on (values from the live theme) */
:root { --ease: cubic-bezier(.2, .7, .2, 1); --on-dark-muted: color-mix(in srgb, var(--color-white) 65%, transparent); --on-dark-strong: color-mix(in srgb, var(--color-white) 85%, transparent); --radius-default: 0.25rem; --text-body-sm: 0.875rem; --text-caption: 0.75rem; --text-muted: var(--color-graphite-600); }

.row-multi:has(.psx-dl__item) {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr));grid-auto-rows:1fr;align-items:stretch;gap:1rem;margin:0}
.psx-dl__item {position:relative;overflow:hidden;height:100%;display:flex;align-items:center;gap:1.1rem;padding:1.15rem 1.25rem;background:var(--color-white);border:0.0625rem solid var(--color-graphite-300);border-radius:var(--radius-lg);text-decoration:none;transition:border-color .2s ease,box-shadow .25s ease,transform .2s ease}
.psx-dl__item:after {content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 140% at 100% 0%,color-mix(in srgb, var(--color-teal) 7%, transparent),transparent 55%);opacity:0;transition:opacity .25s ease}
.psx-dl__item:hover,.psx-dl__item:focus {border-color:var(--color-teal);box-shadow:var(--shadow-hover);text-decoration:none}
.psx-dl__item:hover:after {opacity:1}
.psx-dl__item:focus-visible {outline:0.125rem solid var(--color-teal);outline-offset:0.1875rem}
.psx-dl__badge {position:relative;flex:none;display:grid;place-items:center;width:2.75rem;height:3.25rem;border-radius:var(--radius-lg);background:linear-gradient(158deg,var(--color-white) 0%,var(--color-teal-50) 100%);border:0.0625rem solid var(--color-teal-75);color:var(--color-teal);font-size:.75rem;font-weight:700;letter-spacing:.05em;box-shadow:none;transition:transform .2s ease}
.psx-dl__badge:before {content:"";position:absolute;top:0;right:0;width:0;height:0;border-top:.75rem solid var(--color-white);border-left:.75rem solid transparent;border-top-right-radius:.55rem;filter:drop-shadow(-0.0625rem 0.0625rem 0.0625rem color-mix(in srgb, var(--color-teal) 12%, transparent))}
.psx-dl__item:hover .psx-dl__badge {}
.psx-dl__text {display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}
.psx-dl__text b {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.875rem;font-weight:700;line-height:1.3;color:var(--color-digital-black)}
.psx-dl__text span {font-size:.75rem;color:var(--color-graphite-700)}
.psx-dl__icon {flex:none;box-sizing:content-box;width:1.1rem;height:1.1rem;padding:.55rem;border-radius:50%;background:var(--color-teal-50);color:var(--color-teal);transition:background .2s ease,color .2s ease}
.psx-dl__item:hover .psx-dl__icon {background:var(--color-teal);color:var(--color-white)}
@media (prefers-reduced-motion:no-preference) {
  .psx-dl__item:hover .psx-dl__icon {}
}
.panel-body:has(.psx-dl__item) {background:var(--color-paper);padding:clamp(1.5rem,4vw,3rem);border-radius:var(--radius-lg)}

/* Modal behaviour (the live shop gets this from Bootstrap .modal): fixed overlay, shown while open */

/* Spacing glue for geraet-kompakt.html (no new look: only margins/padding around existing parts) */
.cv-more { margin: 1.25rem 0 0; text-align: center; }
.panel-body .cv-grp { margin: 1.75rem 0 0.75rem; }

.cv-chap { padding: 0 1.5rem 1.5rem; }
.cv-chap .panel-body { padding: 0; background: none; }
@media (max-width: 48rem) { .cv-chap { padding: 0 1rem 1.25rem; } }
.cv-more .btn { max-width: 100%; white-space: normal; }
.mp-split__head .panel-body { margin-top: 1rem; padding: 0; background: none; }
.psx-dl__item[hidden], .mp-colors li[hidden] { display: none; }
/* Drei Reiter on phones: all three tabs visible, equal width, text may wrap */

/* Device page header: facts compact and left-aligned; variant switch = small vertical tiles (card style of .mp-colors / live tile hover) */
.mp-hero .pdp-specs { grid-template-columns: repeat(3, auto); justify-content: start; margin: 0.25rem 0 0; }
.mp-hero .pdp-specs__item:nth-child(2):not(:last-child), .mp-hero .pdp-specs__item:last-child { align-items: flex-start; text-align: left; padding-right: 1.5rem; }
@media (max-width: 47.9375rem) {   /* kit stacks the facts as label ↔ value rows; on device pages keep them side by side */
  .mp-hero .pdp-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0.25rem 0 0; }
  .mp-hero .pdp-specs__item, .mp-hero .pdp-specs__item:last-child, .mp-hero .pdp-specs__item:nth-child(2):not(:last-child) { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0.2rem; padding: 0 1rem; text-align: left; }
  .mp-hero .pdp-specs__item:first-child { padding-left: 0; }
  .mp-hero .pdp-specs__item + .pdp-specs__item { border-top: 0; border-left: 0.0625rem solid var(--color-graphite-200); }
  .mp-hero .pdp-specs__label { font-size: 0.6875rem; }
  .mp-hero .pdp-specs__value { text-align: left; }
}
.mp-variants { margin-top: 1.5rem; }
.mp-hero__text:has(.mp-variants) .mp-hero__lead { max-width: none; }   /* device pages: title + intro as wide as the tile row */
.mp-variants__label { margin: 0 0 0.625rem; font-size: 0.875rem; font-weight: 700; color: var(--color-digital-black); }
.mp-variants__label span { font-weight: 400; color: var(--color-graphite-600); }
.mp-variants__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 0.625rem; }
.mp-variants__top .mp-variants__label { margin: 0; }
.mp-variants__nav { display: flex; flex: none; gap: 0.375rem; }
.mp-variants__nav[hidden] { display: none; }
.mp-colors--variants { display: flex; gap: 0.5rem; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: none; padding-bottom: 0.125rem; }
.mp-colors--variants::-webkit-scrollbar { display: none; }
.mp-colors--variants li { flex: 1 0 9.5rem; max-width: 12rem; scroll-snap-align: start; }
.mp-colors--variants li { display: block; padding: 0; border: 0; background: none; }
.mp-variant { position: relative; display: flex; flex-direction: column; align-items: center; gap: 0.375rem; height: 100%; padding: 0.625rem 0.375rem 0.75rem; text-align: center; text-decoration: none; background: var(--color-white); border: 0.0625rem solid var(--color-graphite-200); border-radius: var(--radius-lg); transition: border-color 0.2s, box-shadow 0.2s; }
.mp-variant img { width: 4rem; height: 4rem; object-fit: contain; mix-blend-mode: multiply; }
.mp-variant b { display: block; font-size: var(--text-body-sm-size); font-weight: 600; line-height: 1.3; color: var(--color-digital-black); }   /* = live .subtile__label */
.mp-variant small { display: block; margin-top: 0.125rem; font-size: var(--text-caption-size); font-weight: 600; line-height: 1.4; color: var(--color-graphite-600); }   /* = live .subtile__count */
.mp-variant--row b { font-size: var(--text-body-sm-size); line-height: 1.25; }
@media (max-width: 48rem) { .mp-variant:not(.mp-variant--row) b { font-size: 0.75rem; line-height: 1.25; } .mp-variant:not(.mp-variant--row) small { font-size: var(--text-caption-size); } }
.mp-variant:hover { border-color: color-mix(in srgb, var(--color-teal) 30%, transparent); box-shadow: var(--shadow-hover); }
.mp-variant[aria-current] { border-color: var(--color-teal); box-shadow: inset 0 0 0 0.0625rem var(--color-teal); background: var(--color-teal-50); }
.mp-variant[aria-current] b { color: var(--color-teal); }
.mp-variant[aria-current]::after { content: ""; position: absolute; top: 0.375rem; right: 0.375rem; width: 1.125rem; height: 1.125rem; border-radius: 50%; background: var(--color-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 0.75rem no-repeat; }
@media (max-width: 48rem) {
  .mp-variants__label span { display: block; margin-top: 0.125rem; }
  /* phones: the row stays inside the content area and exactly 3 tiles fit – an arrow step shows 3 whole tiles, nothing peeks past the screen edge */
  .mp-colors--variants { display: flex; overflow-x: auto; scrollbar-width: none; margin: 0; padding: 0 0 0.25rem; }
  .mp-colors--variants::-webkit-scrollbar { display: none; }
  .mp-colors--variants li { flex: 0 0 calc((100% - 1rem) / 3); max-width: none; }
}
.mp-hero > * { min-width: 0; }

/* Device page: sticky left navigation (existing .pk7__index--menu list) + content on the right */
.mp-dev__grid { display: grid; grid-template-columns: 20rem minmax(0, 1fr); gap: 3rem; align-items: start; }
.mp-dev__nav { position: sticky; top: 6rem; max-height: calc(100vh - 7rem); overflow-y: auto; scrollbar-width: thin; }
.mp-dev__nav .pk7__index { position: static; }
.mp-dev__nav .pk7__thumb { display: flex; align-items: center; justify-content: center; color: var(--color-teal); }
.mp-dev__nav .pk7__thumb svg { width: 1.5rem; height: 1.5rem; } /* kit Soft Line icons, size M */
.mp-dev__nav .pk7__cat { width: 100%; text-align: left; }
.mp-dev__main { min-width: 0; }
.mp-dev__part { scroll-margin-top: 7rem; }
.mp-dev__part + .mp-dev__part { margin-top: 3rem; padding-top: 3rem; border-top: 0.0625rem solid var(--color-graphite-200); }
.mp-dev__head { margin-bottom: 1.25rem; }

@media (max-width: 64rem) {
  .mp-dev__grid { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  /* menu = sticky tab bar under the kit header, exactly like the live product page (#tab-nav-bar):
     text tabs 0.875rem/700, graphite-700, active teal with a 3px teal underline, hairline under the full width */
  .mp-dev__nav { position: sticky; z-index: 40; min-width: 0; max-height: none; overflow: visible; margin: 0 calc(var(--page-inset) * -1); padding: 0; background: var(--color-white); border-bottom: 0.0625rem solid var(--color-graphite-300); }
  .mp-dev__nav .pk7__index--menu { display: flex; gap: 1.625rem; margin: 0; padding: 0 var(--page-inset); overflow-x: auto; overscroll-behavior-x: contain; scroll-padding-inline: var(--page-inset); scrollbar-width: none; border: 0; border-radius: 0; background: none; }
  .mp-dev__nav .pk7__index--menu::-webkit-scrollbar { display: none; }
  .mp-dev__nav .pk7__index--menu li { flex: none; }
  .mp-dev__nav .pk7__index--menu .pk7__cat, .mp-dev__nav .pk7__index--menu .pk7__cat.is-active, .mp-dev__nav .pk7__index--menu .pk7__cat:hover {
    width: auto; padding: 1rem 0 0.8125rem; border: 0; border-top: 0.1875rem solid transparent; border-bottom: 0.1875rem solid transparent; border-radius: 0;
    background: none; box-shadow: none; font-size: var(--text-body-sm-size); font-weight: 700; line-height: 1.4; color: var(--color-graphite-700); white-space: nowrap;
    transition: color 0.15s, border-color 0.15s;
  }
  .mp-dev__nav .pk7__index--menu .pk7__cat:hover { color: var(--color-teal); }
  .mp-dev__nav .pk7__index--menu .pk7__cat.is-active { color: var(--color-teal); border-bottom-color: var(--color-teal); }
  .mp-dev__nav .pk7__thumb, .mp-dev__nav .pk-count, .mp-dev__nav .pk7__arrow { display: none; }
  .mp-dev__part { scroll-margin-top: calc(var(--kit-header-h) + 4.5rem); }
  .mp-band + .mp-dev { padding-top: 0.5rem; }
}
}
.mp-variants__label span::before { content: "· "; }
@media (max-width: 48rem) { .mp-variants__label span::before { content: none; } }
/* sticky offsets = the fixed kit header height (desktop 151px, mobile 90px) */
.mp-dev__nav { top: calc(var(--kit-header-h) + 1rem); max-height: calc(100vh - var(--kit-header-h) - 2rem); }
.mp-dev__part { scroll-margin-top: calc(var(--kit-header-h) + 1rem); }
@media (max-width: 64rem) {
  .mp-dev__nav { top: var(--dev-nav-top, var(--kit-header-h)); max-height: none; }   /* = visible bottom of the kit header, set by the menu script */
  /* all sections below each other, separated like page sections */
  .mp-dev__main > [data-panel] + [data-panel] { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 0.0625rem solid var(--color-graphite-200); }
}
/* Technische Details as a list: spacing only; datasheet table fills the answer */
.mp-dev .cv-grp { margin: 1.75rem 0 0.75rem; }
.mp-dev .mp-dev__head + .cv-grp { margin-top: 0; }
.mp-dev .hub-answer .table { margin: 0; }
.mp-dev .hub-answer .table td:first-child { width: 40%; font-weight: 700; color: var(--color-digital-black); }
/* datasheet table inside an open FAQ item: white card on the tinted answer, full width, clear row contrast */
.mp-dev .hub-answer:has(.table) { max-width: none; }
.mp-dev .hub-answer .table { overflow: hidden; border: 0.0625rem solid var(--color-graphite-200); border-radius: var(--radius-lg); border-collapse: separate; border-spacing: 0; background: var(--color-white); }
.mp-dev .hub-answer .table td { padding: 0.75rem 1rem; border: 0; border-bottom: 0.0625rem solid var(--color-graphite-100); background: var(--color-white); font-size: var(--text-body-sm-size); line-height: 1.45; color: var(--color-graphite-800); }
.mp-dev .hub-answer .table td { height: auto; }   /* kit .table td has a 3rem min height – datasheet rows fit their text */
.mp-dev .hub-answer .table tr:nth-child(even) td { background: var(--color-paper); }
.mp-dev .hub-answer .table tr:last-child td { border-bottom: 0; }
.mp-dev .hub-answer .table td:first-child { width: 38%; font-weight: 700; color: var(--color-digital-black); border-right: 0.0625rem solid var(--color-graphite-100); }
@media (max-width: 48rem) {   /* phones: label | value side by side, tight rows */
  .mp-dev .hub-answer .table td { padding: 0.5rem 0.75rem; font-size: var(--text-caption-size); line-height: 1.4; vertical-align: top; }
  .mp-dev .hub-answer .table td:first-child { width: 42%; padding-right: 0.5rem; }
  .mp-dev .hub-answer:has(.table) { padding: 0 0.75rem 0.75rem; }
}

/* Ersatzteile und Zubehör: same card as the variant tiles, horizontal */
.mp-colors--acc { grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); }
.mp-colors--acc li { display: block; padding: 0; border: 0; background: none; }
.mp-variant--row { flex-direction: row; text-align: left; gap: 0.875rem; padding: 0.75rem 1rem; }
.mp-variant--row small { font-size: var(--text-caption-size); color: var(--color-teal); font-weight: 700; }
.mp-dev .alert { margin-top: 1.25rem; }

/* Zeichnung im Popup = kit Modal XL; only layout glue for the drawing stage, thumbnails and the action footer */
.mp-zm[hidden] { display: none; }
.mp-zm .modal-dialog { height: min(90vh, 56rem); }
.mp-zm .modal-header { gap: 1rem; }
.mp-zm__head { flex: 1; min-width: 0; }
.mp-zm .modal-title { display: block; font-size: 1.25rem; }
.mp-zm__meta { display: block; margin-top: 0.125rem; font-size: 0.875rem; color: var(--color-graphite-600); }
.mp-zm__stage { position: relative; display: flex; align-items: center; justify-content: center; min-height: 0; padding: 1rem 4.5rem; background: var(--color-paper); overflow: hidden; }
.mp-zm__img { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 0; }
.mp-zm__img img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; background: var(--color-white); border-radius: var(--radius); box-shadow: var(--shadow-card); }
.mp-zm__prev, .mp-zm__next { position: absolute; top: 50%; transform: translateY(-50%); background: var(--color-white); }
.mp-zm__prev { left: 1rem; }
.mp-zm__next { right: 1rem; }
.mp-zm__foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding: 0.875rem 1.5rem; border-top: 0.0625rem solid var(--color-graphite-200); }
.mp-zm__thumbs { display: flex; gap: 0.375rem; overflow-x: auto; scrollbar-width: none; }
.mp-zm__thumb { flex: none; width: 3rem; height: 3rem; padding: 0.125rem; border: 0.0625rem solid var(--color-graphite-200); border-radius: var(--radius); background: var(--color-white); cursor: pointer; }
.mp-zm__thumb img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mp-zm__thumb.is-active { border-color: var(--color-teal); box-shadow: inset 0 0 0 0.0625rem var(--color-teal); }
.mp-zm__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.mp-zm__actions .btn { display: inline-flex; align-items: center; gap: 0.375rem; }
.mp-zm__actions svg { width: 1rem; height: 1rem; }
@media (max-width: 48rem) {
  .mp-zm { padding: 0.75rem; }
  .mp-zm .modal-dialog { height: auto; max-height: calc(100dvh - 1.5rem); border-radius: var(--radius-lg); }
  .mp-zm .modal-title { font-size: var(--text-body-size); }
  .mp-zm__meta { font-size: var(--text-caption-size); }
  .mp-zm__stage { padding: 0.75rem 0.75rem 4rem; }
  .mp-zm__img img { max-height: 58dvh; }
  .mp-zm__prev, .mp-zm__next { top: auto; bottom: 0.75rem; transform: none; }
  .mp-zm__foot { padding: 0.75rem 1rem; }
  .mp-zm__actions { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mp-zm__actions .btn { justify-content: center; padding-left: 0.5rem; padding-right: 0.5rem; }
}

/* popup actions = style 1 „Graue Kacheln“ (chosen 05.11.2026): three equal paper tiles, teal icon 1.25rem, kit tooltip on hover + keyboard focus */
.mp-zm__actions { gap: 0.375rem; }
.ab { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0; border: 0; border-radius: var(--radius); background: none; color: var(--color-teal); cursor: pointer; transition: background 0.15s; }
.ab svg { width: 1.25rem; height: 1.25rem; flex: none; }
.ab:focus-visible { outline: 0.125rem solid var(--color-teal); outline-offset: 0.125rem; }
.ab--paper { background: var(--color-paper); }
.ab--paper:hover { background: var(--color-teal-50); }
.mp-zm__actions .tooltip-wrapper:focus-within .tooltip { opacity: 1; transform: translateX(-50%); }
@media (max-width: 48rem) { .mp-zm__actions { width: auto; display: flex; } }

/* device-page menu: lighter type (user, 05.11.2026) */
.mp-dev__nav .pk7__cat { font-weight: 500; }
.mp-dev__nav .pk7__cat.is-active { font-weight: 500; }
.mp-dev__nav .pk-count { font-weight: 500; }
/* more air between groups (Zeichnungen · Datenblatt, Kurzanleitungen groups) */
.mp-dev .cv-grp, .mp-dev .panel-body .cv-grp { margin: 3rem 0 1rem; }
.mp-dev .mp-dev__head + .cv-grp, .mp-dev .panel-body > .cv-grp:first-child, .mp-dev .panel-body .psx-dl__head + .cv-grp { margin-top: 0; }
@media (max-width: 48rem) { .mp-dev .cv-grp, .mp-dev .panel-body .cv-grp { margin-top: 2.25rem; } }

/* Popup „Teilen“: share window = the shop's „Produkt teilen“ dropdown (rows: icon · label · chevron) */
.mp-zm__actions { position: relative; }
.mp-share { position: static; }   /* the window hangs off the right edge of the button group, so it never leaves the screen */
.mp-share__menu { position: absolute; right: 0; bottom: calc(100% + 0.5rem); z-index: 5; display: flex; flex-direction: column; width: 13.5rem; padding: 0.375rem; background: var(--color-white); border: 0.0625rem solid var(--color-graphite-300); border-radius: var(--radius-lg); box-shadow: var(--shadow-tooltip); }
.mp-share__menu[hidden] { display: none; }
/* phones: no dropdown – a bottom sheet across the screen like the iOS / Android share sheets (never leaves the screen) */
.mp-share__title { display: none; }
@media (max-width: 48rem) {
  .mp-share__menu { position: fixed; left: 0.75rem; right: 0.75rem; bottom: max(0.75rem, env(safe-area-inset-bottom)); top: auto; z-index: 1100; width: auto; padding: 0.5rem; border-radius: var(--radius-xl); box-shadow: var(--shadow-modal); }
  .mp-share__title { display: block; margin: 0; padding: 0.5rem 0.75rem 0.625rem; border-bottom: 0.0625rem solid var(--color-graphite-200); font-size: var(--text-caption-size); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-graphite-600); }
  .mp-share__row { padding: 0.875rem 0.75rem; font-size: var(--text-body-sm-size); }
  .mp-share__row > svg { width: 1.25rem; height: 1.25rem; }
}
.mp-share__row { display: flex; align-items: center; gap: 0.75rem; width: 100%; padding: 0.625rem 0.5rem; border: 0; border-radius: var(--radius); background: none; font: inherit; font-size: var(--text-caption-size); font-weight: 600; line-height: 1.3; color: var(--color-digital-black); text-align: left; text-decoration: none; cursor: pointer; }
.mp-share__row[hidden] { display: none; }
.mp-share__row:hover, .mp-share__row:focus-visible { background: var(--color-paper); color: var(--color-teal); text-decoration: none; outline: none; }
.mp-share__row > svg { flex: none; width: 1.125rem; height: 1.125rem; color: var(--color-graphite-500); }
.mp-share__row:hover > svg { color: var(--color-teal); }
.mp-share__row .mp-share__chev { width: 0.875rem; height: 0.875rem; margin-left: auto; }
.mp-share:has(.mp-share__menu:not([hidden])) .tooltip { display: none; }
/* popup button tooltips = the shop's filter info tooltip (Category page „IP-System“): light teal, dark text, hairline edge */
.mp-zm__actions .tooltip { padding: 0.4rem 0.75rem; background: var(--color-teal-50); color: var(--color-digital-black); border: 0.0625rem solid var(--color-graphite-300); border-radius: 0.375rem; box-shadow: var(--shadow-tooltip); font-size: 0.8125rem; font-weight: 400; line-height: 1.45; }
.mp-zm__actions .tooltip-top::after { top: 100%; left: 50%; width: 0.625rem; height: 0.625rem; margin-top: -0.3125rem; border: 0; border-right: 0.0625rem solid var(--color-graphite-300); border-bottom: 0.0625rem solid var(--color-graphite-300); background: var(--color-teal-50); transform: translateX(-50%) rotate(45deg); }
/* Popup „Drucken“: only the drawing goes to the printer, the dialog opens on this page */
.mp-print { display: none; }
@media print {
  html.is-printing-drawing body > *:not(.mp-print) { display: none !important; }
  html.is-printing-drawing body { padding: 0; }
  html.is-printing-drawing .mp-print { display: block; text-align: center; font-family: var(--font-family); font-size: 0.875rem; }
  html.is-printing-drawing .mp-print img { display: block; width: auto; height: auto; max-width: 100%; max-height: 92vh; margin: 0 auto 0.5rem; }
  @page { margin: 1cm; }
}