/* X mind Leistungsseite Marketing Automation: assets/marketing-automation.css des Prototyps, gekapselt – erzeugt mit _wordpress/leistungen/baue.py. Nicht von Hand ändern. */
.xm .postfach{display: grid;gap: var(--s-16);width: min(100%,520px);margin-inline: auto;padding: clamp(20px,min(3vw,7%),36px);container: postfach / inline-size}.xm .postfach__kopf{display: flex;justify-content: space-between;align-items: baseline}.xm .postfach__kopf b{font-size: 1.2rem;font-weight: 600;color: var(--navy)}.xm .postfach__kopf span{font-size: var(--fs-small);color: var(--petrol)}.xm .postfach__liste{list-style: none;display: grid;gap: var(--s-8)}.xm .post{display: grid;grid-template-columns: 40px minmax(0,1fr) auto;gap: var(--s-12);align-items: center;padding: var(--s-12) var(--s-16);border-radius: var(--radius-20);background: var(--white);box-shadow: 0 0 0 1px var(--navy-08)}.xm .post__wer{display: grid;place-items: center;width: 40px;height: 40px;border-radius: var(--radius-round);background: var(--navy);color: var(--white);font-size: var(--fs-mini);font-weight: 700}.xm .post__text{display: grid;min-width: 0}.xm .post__text b{font-size: var(--fs-small);font-weight: 600;color: var(--navy);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.xm .post__text span{font-size: 0.95rem;color: var(--navy);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.xm .post__zeit{font-size: var(--fs-mini);font-weight: 600;color: var(--petrol);white-space: nowrap}.xm .post--neu{box-shadow: 0 0 0 2px var(--orange)}.xm .post--neu .post__wer{background: linear-gradient(var(--white-10),var(--white-10)) var(--orange);color: var(--navy-deep)}.xm .postfach__fuss{display: flex;gap: var(--s-8);align-items: center;font-size: var(--fs-small);color: var(--petrol)}.xm .postfach__fuss .icon{color: var(--orange)}@container postfach (max-width: 419.98px){.xm .post{grid-template-areas: "wer absender zeit" "wer betreff betreff";row-gap: 2px}.xm .post__wer{grid-area: wer}.xm .post__text{display: contents}.xm .post__text b{grid-area: absender;align-self: baseline}.xm .post__zeit{grid-area: zeit;align-self: baseline}.xm .post__text span{grid-area: betreff;white-space: normal;line-height: 1.4;text-wrap: pretty}}@container postfach (max-width: 301.98px){.xm .post{grid-template-columns: 40px minmax(0,1fr);grid-template-areas: "wer absender" "wer betreff" "wer zeit";padding-inline: var(--s-12)}.xm .post__text b{white-space: normal;line-height: 1.4}}.xm .strecke__steuerung{display: grid;grid-template-columns: minmax(0,1fr) auto auto;gap: var(--s-24);align-items: center;max-width: 1100px;margin: 0 auto var(--s-40);padding: clamp(20px,2.6vw,32px)}.xm .strecke__wahl{display: grid;gap: 6px;container: wahl / inline-size}.xm .strecke__wahl .reiter{justify-self: start}@container wahl (max-width: 309.98px){.xm .strecke__wahl .reiter{flex-direction: column}}.xm .strecke__uhr{display: grid;gap: 8px;width: clamp(160px,18vw,240px)}.xm .strecke__uhr span{font-size: var(--fs-small);font-weight: 600;color: var(--petrol)}.xm .strecke__balken{position: relative;display: block;height: 8px;border-radius: var(--radius-pill);background: var(--navy-08);overflow: hidden}.xm .strecke__balken b{position: absolute;inset: 0 auto 0 0;width: var(--fortschritt,0%);border-radius: inherit;background: var(--orange);transition: width var(--dur-3) var(--ease-out)}.xm .strecke__start:disabled{opacity: 0.6;cursor: progress}.xm .strecke{display: grid;gap: var(--s-32)}.xm .strecke__bahn{display: grid;gap: var(--s-16);padding: clamp(20px,2.6vw,32px);border-radius: var(--radius-30);background: var(--white);box-shadow: 0 0 0 1px var(--navy-08);transition: opacity var(--dur-3) linear}.xm .strecke__bahn.ist-ruhig{opacity: 0.78}.xm .strecke__titel{font-size: var(--fs-small);font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase;color: var(--petrol)}.xm .strecke__schritte{list-style: none;display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0,1fr);gap: var(--s-24)}.xm .station-karte{position: relative;display: grid;gap: 4px;align-content: start;min-height: 132px;padding: var(--s-16);border: 1px solid var(--navy-16);border-radius: var(--radius-20);background: var(--white);color: var(--navy);transition: border-color var(--dur-2) linear,box-shadow var(--dur-2) linear,transform var(--dur-3) var(--ease-out),opacity var(--dur-2) linear,background-color var(--dur-2) linear}.xm .station-karte:not(:last-child)::after{content: "";position: absolute;top: 50%;right: calc(-1 * var(--s-24) - 1px);width: var(--s-24);height: 2px;background: repeating-linear-gradient(90deg,var(--navy-32) 0 4px,transparent 4px 8px)}.xm .station-karte__zeit{font-size: var(--fs-mini);font-weight: 700;color: var(--petrol);text-transform: uppercase;letter-spacing: 0.04em}.xm .station-karte b{font-size: 1.05rem;font-weight: 600;letter-spacing: var(--track-sub)}.xm .station-karte > span:last-child{font-size: var(--fs-small);line-height: 1.45;color: var(--petrol)}.xm .station-karte--start{background: var(--mist)}.xm .station-karte--frage{border-style: dashed;border-color: var(--navy-32)}.xm .station-karte--neben{border-style: dashed}.xm .station-karte.ist-erledigt{border-color: var(--navy)}.xm .station-karte.ist-erledigt::before{content: "";position: absolute;top: -9px;right: -9px;width: 22px;height: 22px;border-radius: var(--radius-round);background: var(--navy) 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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat}.xm .station-karte.ist-aktiv{border-color: var(--orange);box-shadow: 0 0 0 3px var(--orange-16),var(--shadow-lift);transform: translateY(-4px)}.xm .station-karte.ist-aktiv .station-karte__zeit{color: var(--navy)}.xm .station-karte.ist-uebersprungen{opacity: 0.78}.xm .strecke__protokoll{margin-top: var(--s-32);display: grid;gap: var(--s-12);max-width: 1100px;margin-inline: auto;padding: clamp(20px,2.6vw,32px)}.xm .strecke__status{color: var(--navy);font-weight: 600}.xm .strecke__log{list-style: none;display: grid;gap: 6px;max-height: 260px;overflow: auto}.xm .strecke__log li{display: grid;grid-template-columns: 11em minmax(0,1fr);gap: var(--s-12);font-size: var(--fs-small);color: var(--navy);animation: xm-einblenden var(--dur-3) var(--ease-out)}.xm .strecke__log li b{color: var(--petrol);font-weight: 600;font-variant-numeric: tabular-nums}.xm .strecke__fuss{margin: var(--s-24) auto 0;text-align: center}.xm .paar .lokal__beweis p{max-width: 56ch}@media (max-width: 1024px){.xm .strecke__steuerung{grid-template-columns: minmax(0,1fr) auto}.xm .strecke__start{grid-column: 1 / -1;justify-self: start}.xm .strecke__schritte{grid-auto-flow: row;grid-template-columns: repeat(2,minmax(0,1fr));grid-auto-columns: auto;gap: var(--s-16)}.xm .station-karte:not(:last-child)::after{display: none}}@media (max-width: 767px){.xm .strecke__steuerung{grid-template-columns: minmax(0,1fr)}.xm .strecke__uhr{width: auto}.xm .strecke__schritte{grid-template-columns: minmax(0,1fr)}.xm .station-karte{min-height: 0}.xm .strecke__wahl .reiter{width: 100%}}
