/* X mind Leistungsseite Hosting & Betreuung: assets/hosting.css des Prototyps, gekapselt – erzeugt mit _wordpress/leistungen/baue.py. Nicht von Hand ändern. */
.xm .rack{position: relative;display: grid;justify-items: center;width: min(100%,520px);container: rack / inline-size}.xm .rack__gehaeuse{display: grid;gap: 10px;width: min(100%,440px);padding: 18px;border-radius: 22px;background: var(--grad-tile);box-shadow: var(--shadow-layer),inset 0 0 0 1px var(--white-10)}.xm .rack__einschub{display: grid;grid-template-columns: 12px 12px minmax(0,1fr) auto;gap: 12px;align-items: center;min-height: 74px;padding: 0 20px;border-radius: 12px;background: var(--navy-deep);box-shadow: inset 0 0 0 1px var(--white-10)}.xm .rack__einschub b{min-width: 6.5em;text-align: right;font-size: var(--fs-small);font-weight: 600;color: var(--white-81);letter-spacing: 0.02em}.xm .rack__led{width: 10px;height: 10px;border-radius: var(--radius-round);background: var(--orange);box-shadow: 0 0 10px 1px var(--orange-16);animation: xm-blinken 2.4s steps(2,jump-none) infinite}.xm .rack__led--2{background: var(--white-60);box-shadow: none;animation-duration: 1.3s;animation-delay: 0.4s}.xm .rack__led--3{background: var(--white-60);box-shadow: none;animation-duration: 1.9s;animation-delay: 0.9s}@keyframes xm-blinken{0%{opacity: 1}100%{opacity: 0.35}}.xm .rack__schlitze{display: grid;grid-template-columns: repeat(auto-fit,minmax(10px,1fr));grid-template-rows: 26px;grid-auto-rows: 0;gap: 0 6px;overflow: hidden}.xm .rack__schlitze i{height: 26px;border-radius: 4px;background: repeating-linear-gradient(180deg,var(--white-10) 0 2px,transparent 2px 5px)}.xm .rack__karte{justify-self: end;display: grid;grid-template-columns: repeat(2,auto);align-items: start;gap: var(--s-8) var(--s-24);padding: var(--s-16) var(--s-24);border-radius: var(--radius-20)}.xm .rack__karte-kopf{grid-column: 1 / -1;display: flex;align-items: center;gap: 6px;font-size: var(--fs-mini);color: var(--petrol);text-wrap: balance}.xm .rack__karte-kopf .icon{color: var(--orange)}.xm .rack__wert{display: grid}.xm .rack__wert b{font-size: 1.8rem;line-height: 1.1;font-weight: 600;letter-spacing: -0.03em;color: var(--navy);font-variant-numeric: tabular-nums;white-space: nowrap}.xm .rack__wert small{font-size: var(--fs-mini);color: var(--petrol);text-wrap: balance}@container rack (max-width: 18.5rem){.xm .rack__einschub{padding: 0 14px;grid-template-columns: 10px 10px minmax(0,1fr) auto;column-gap: 8px}.xm .rack__karte{grid-template-columns: minmax(0,1fr);row-gap: var(--s-12);margin-top: var(--s-16)}}.xm .messung__hinweis{display: flex;gap: var(--s-12);align-items: flex-start;max-width: 760px;margin: calc(var(--s-24) * -1) auto var(--s-32);padding: var(--s-16) var(--s-20);border-radius: var(--radius-20);background: var(--white-10);color: var(--white);line-height: 1.55}.xm .messung__hinweis .icon{flex: none;margin-top: 3px;color: var(--orange)}.xm .messung__fuss{position: relative;margin-top: var(--s-24);display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: var(--s-16)}.xm .paar .haken,.xm .paar .lokal__beweis p{max-width: 56ch}@media (max-width: 767px){.xm .rack__karte{justify-self: center;margin-top: var(--s-16)}.xm .rack__einschub{padding: 0 14px;grid-template-columns: 10px 10px minmax(0,1fr) auto}}@media (max-width: 339px){.xm .hero__aktionen .knopf{padding-left: var(--s-16);gap: var(--s-8);letter-spacing: 0}}@media (prefers-reduced-motion: reduce){.xm .rack__led{animation: none}}
