/* X mind Leistungsseite Printproduktion: assets/printproduktion.css des Prototyps, gekapselt – erzeugt mit _wordpress/leistungen/baue.py. Nicht von Hand ändern. */
body.seite-printproduktion .xm{--druck-c: #00a0e3;--druck-m: #e6007e;--druck-y: #ffed00;--druck-k: #1d1d1b;--druck-cm: #2e3192;--druck-cy: #00a651;--druck-my: #ed1c24;--druck-k50: #9d9d9c;--bild-himmel-a: #5bb8e6;--bild-himmel-b: #e3f3fb;--bild-sonne: #ffc53d;--bild-gruen: #2a9d8f;--bild-hell: #ffffff;--bild-sand: #e9e3d4;--bild-rot: #b8322a;--bild-fenster: #ffd76a}.xm .regal{position: relative;width: min(100%,560px);aspect-ratio: 1 / 1.05;container: regal / inline-size}.xm .regal__stueck{position: absolute;width: 54%;margin: 0;overflow: hidden;border-radius: var(--radius-20);background: var(--white);box-shadow: var(--shadow-layer),0 0 0 1px var(--navy-08);transition: transform var(--dur-3) var(--ease-out)}.xm .regal__stueck img{width: 100%;aspect-ratio: 4 / 3;object-fit: cover}.xm .regal__stueck figcaption{padding: 10px 16px 12px;font-size: var(--fs-small);font-weight: 600;color: var(--navy);overflow-wrap: anywhere}.xm .regal__stueck--a{left: 0;top: 0;transform: rotate(-4deg)}.xm .regal__stueck--b{right: 0;top: 7%;transform: rotate(4deg);z-index: 1}.xm .regal__stueck--c{left: 20%;bottom: 0;transform: rotate(-1.5deg);z-index: 2}.xm .regal:hover .regal__stueck--a{transform: rotate(-7deg) translate(-8px,-6px)}.xm .regal:hover .regal__stueck--b{transform: rotate(6deg) translate(8px,0)}.xm .regal:hover .regal__stueck--c{transform: rotate(-1deg) translate(0,8px)}@container regal (max-width: 319px){.xm .regal__stueck figcaption{display: none}}.xm .druck__raster{display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,0.8fr);gap: var(--s-24);align-items: start}.xm .druck__buehne{display: grid;justify-items: center;gap: var(--s-16);padding: clamp(20px,3vw,40px);border-radius: var(--radius-30);background: var(--white);box-shadow: 0 0 0 1px var(--navy-08)}.xm .bogen{display: block;width: auto;height: min(78vh,820px);max-width: 100%;font-family: var(--font)}.xm .bogen.mit-lupe{cursor: crosshair;touch-action: none}.xm .bogen:focus-visible{outline: 2px solid var(--navy);outline-offset: 6px}.xm .bogen__papier{fill: var(--mist)}.platten{isolation: isolate}.platte{mix-blend-mode: multiply;transition: opacity var(--dur-2) linear}.platte[class~="ist-aus"]{opacity: 0}.d-himmel-a{stop-color: var(--bild-himmel-a)}.d-himmel-b{stop-color: var(--bild-himmel-b)}.d-sonne{fill: var(--bild-sonne)}.d-huegel-a{fill: var(--bild-gruen)}.d-huegel-b{fill: var(--petrol)}.d-haus-a{fill: var(--bild-hell)}.d-haus-b{fill: var(--orange)}.d-haus-c{fill: var(--bild-sand)}.d-dach-a{fill: var(--navy)}.d-dach-b{fill: var(--bild-rot)}.d-dach-c{fill: var(--orange)}.d-fenster{fill: var(--bild-fenster)}.d-tuer{fill: var(--navy)}.d-orange{fill: var(--orange)}.d-balken{fill: var(--petrol)}.d-titel{font-size: 10px;font-weight: 700;letter-spacing: -0.03em;fill: var(--druck-k)}.d-unter{font-size: 5px;font-weight: 500;fill: var(--druck-k);opacity: 0.7}.d-zeile{fill: var(--druck-k);opacity: 0.45}.d-schwarz{fill: var(--druck-k)}.d-klein{font-size: 4px;font-weight: 600;fill: var(--druck-k);opacity: 0.75}.xm .d-c{fill: var(--druck-c)}.xm .d-m{fill: var(--druck-m)}.xm .d-y{fill: var(--druck-y)}.xm .d-k{fill: var(--druck-k)}.xm .d-cm{fill: var(--druck-cm)}.xm .d-cy{fill: var(--druck-cy)}.xm .d-my{fill: var(--druck-my)}.xm .d-k50{fill: var(--druck-k50)}.d-schraffur{fill: var(--orange);opacity: 0.6}.xm .bogen-ebene{opacity: 0;transition: opacity var(--dur-2) linear;pointer-events: none}.xm .bogen-ebene.ist-an{opacity: 1}.xm .bogen__beschnitt{fill: url(#druck-schraffur)}.xm .bogen__linie{fill: none;stroke: var(--navy);stroke-width: 0.35;stroke-dasharray: 2 1.2}.xm .bogen__marke,.xm .bogen__passer circle,.xm .bogen__passer path{fill: none;stroke: var(--druck-k);stroke-width: 0.3}.xm .bogen__label{font-size: 4px;font-weight: 600;fill: var(--navy)}.xm .bogen__satz{fill: none;stroke: var(--orange);stroke-width: 0.5;stroke-dasharray: 2.5 1.5}.xm .lupe{display: none;pointer-events: none}.xm .lupe.ist-an{display: inline}.xm .lupe__grund{fill: var(--white)}.xm .lupe__rand{fill: none;stroke: var(--navy);stroke-width: 0.9}.xm .druck__steuerung{position: sticky;top: calc(var(--kopf-h) + var(--s-32));display: grid;gap: var(--s-20)}.xm .druck__steuerung .titel-4{color: var(--navy)}.xm .druck__steuerung .werkzeug__hinweis{margin-top: 4px}.xm .farben{list-style: none;display: grid;grid-template-columns: repeat(auto-fit,minmax(max(8.25rem,calc(50% - var(--s-8))),1fr));gap: var(--s-8)}.xm .farbe{width: 100%;display: flex;align-items: center;gap: var(--s-12);min-height: 52px;padding: 0 var(--s-16);border: 1px solid var(--navy-16);border-radius: var(--radius-pill);background: var(--white);color: var(--navy);font-weight: 600;cursor: pointer;transition: background-color var(--dur-2) linear,border-color var(--dur-2) linear,color var(--dur-2) linear}.xm .farbe i{width: 22px;height: 22px;flex: none;border-radius: var(--radius-round);background: var(--fc);box-shadow: inset 0 0 0 1px var(--navy-16);transition: transform var(--dur-2) var(--ease-out),opacity var(--dur-2) linear}.xm .farbe--c{--fc: var(--druck-c)}.xm .farbe--m{--fc: var(--druck-m)}.xm .farbe--y{--fc: var(--druck-y)}.xm .farbe--k{--fc: var(--druck-k)}.xm .farbe:hover{border-color: var(--navy)}.xm .farbe[aria-pressed="false"]{background: var(--mist);border-style: dashed;color: var(--petrol)}.xm .farbe[aria-pressed="false"] i{opacity: 0.25;transform: scale(0.7)}.xm .druck__erklaerung{min-height: 6.5em;padding-top: var(--s-16);border-top: 1px solid var(--navy-16);color: var(--navy);line-height: 1.6}.xm .druck__erklaerung.is-neu{animation: xm-einblenden var(--dur-3) var(--ease-out)}.xm .druck__fuss{text-align: center}@media (max-width: 1024px){.xm .druck__raster{grid-template-columns: minmax(0,1fr)}.xm .druck__steuerung{position: static}.xm .bogen{width: 100%;height: auto;max-height: none}}@media (max-width: 767px){.xm .druck__buehne{padding: var(--s-12)}.xm .regal__stueck{width: 60%}.xm .regal__stueck figcaption{display: none}}@media (max-width: 1024px) and (min-width: 560px) and (orientation: landscape){.xm .druck__raster{grid-template-columns: repeat(2,minmax(0,1fr))}.xm .druck__buehne{position: sticky;top: calc(var(--kopf-h) + var(--s-24));padding: var(--s-16)}.xm .bogen{width: min(100%,(100vh - var(--kopf-h) - var(--s-56)) * 250 / 337);width: min(100%,(100svh - var(--kopf-h) - var(--s-56)) * 250 / 337);height: auto}}
