/* X mind Leistungsseite Marke & Corporate Design: assets/corporate-design.css des Prototyps, gekapselt – erzeugt mit _wordpress/leistungen/baue.py. Nicht von Hand ändern. */
.xm .zm-symbole{position: absolute;width: 0;height: 0;overflow: hidden}.zm-x{fill: var(--zx,var(--orange));transition: fill var(--dur-2) linear}.zm-mind{fill: var(--zm,var(--navy));transition: fill var(--dur-2) linear}.xm .markenblatt{display: grid;gap: var(--s-24);width: min(100%,540px);padding: clamp(24px,3vw,40px);margin-inline: auto;container: markenblatt / inline-size}.xm .markenblatt__kopf{font-size: var(--fs-small);color: var(--petrol)}.xm .markenblatt__logo{width: min(100%,360px);height: auto}.xm .markenblatt__farben{list-style: none;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--s-12)}.xm .markenblatt__farben li{display: grid;gap: 2px;font-size: var(--fs-mini);color: var(--petrol)}.xm .markenblatt__farben i{display: block;aspect-ratio: 1;border-radius: 14px;background: var(--f);box-shadow: inset 0 0 0 1px var(--navy-08);margin-bottom: 6px}.xm .markenblatt__farben b{font-size: var(--fs-small);color: var(--navy);font-weight: 600}.xm .markenblatt__farben span{font-variant-numeric: tabular-nums}@container markenblatt (max-width: 17rem){.xm .markenblatt__farben{grid-template-columns: repeat(2,minmax(0,1fr))}}.xm .markenblatt__unten{display: flex;flex-wrap: wrap;gap: var(--s-20);align-items: center;padding-top: var(--s-20);border-top: 1px solid var(--navy-08)}.xm .markenblatt__schrift,.xm .markenblatt__zeichen{display: flex;align-items: center;gap: var(--s-16)}.xm .markenblatt__schrift{flex: 1 1 auto}.xm .markenblatt__zeichen{flex: none}.xm .markenblatt__aa{font-size: 3.4rem;line-height: 1;font-weight: 600;letter-spacing: -0.04em;color: var(--navy)}.xm .markenblatt__schrift b,.xm .markenblatt__zeichen b{display: block;font-weight: 600;color: var(--navy)}.xm .markenblatt__schrift small,.xm .markenblatt__zeichen small{display: block;font-size: var(--fs-small);color: var(--petrol);text-wrap: balance}.xm .markenblatt__zeichen svg{width: 34px;height: auto}.xm .test__raster{display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,0.8fr);gap: var(--s-24);align-items: stretch}.xm .test__buehne{--zx: var(--orange);--zm: var(--navy);position: relative;display: grid;place-items: center;min-height: 520px;padding: var(--s-40);border-radius: var(--radius-30);overflow: hidden;background: var(--white);box-shadow: 0 0 0 1px var(--navy-08);transition: background-color var(--dur-3) var(--ease-out)}.xm .test__buehne[data-grund="nebel"]{background: var(--mist)}.xm .test__buehne[data-grund="navy"]{background: var(--navy)}.xm .test__buehne[data-grund="orange"]{background: var(--orange)}.xm .test__buehne[data-grund="foto"]{background: var(--navy-deep) var(--xm-foto,none) center / cover no-repeat}.xm .test__logo{width: var(--w,240px);height: auto;max-width: 100%;overflow: visible;transition: width var(--dur-2) var(--ease-out)}.xm .test__mass{position: absolute;left: var(--s-20);bottom: var(--s-16);padding: 2px 10px;border-radius: var(--radius-pill);background: var(--white);color: var(--navy);font-size: var(--fs-mini);font-weight: 600;font-variant-numeric: tabular-nums;box-shadow: 0 0 0 1px var(--navy-08)}.xm .test__steuerung{display: grid;gap: var(--s-24);align-content: start}.xm .test__gruppe{display: grid;gap: 6px;container-type: inline-size}.xm .test__reiter{display: flex;flex-wrap: wrap;border-radius: var(--radius-20);max-width: 30rem}.xm .test__reiter .reiter__tab{flex: 1 1 0;padding-inline: 6px}@container (max-width: 300px){.xm .test__reiter:has(> :nth-child(5)) .reiter__tab{flex-basis: 26%}}@container (max-width: 250px){.xm .test__reiter:has(> :nth-child(4):last-child) .reiter__tab{flex-basis: 34%}}.xm .test__steuerung .befunde .befund:first-child{padding-top: var(--s-16);border-top: 1px solid var(--navy-16)}.xm .anwendungen{margin-top: clamp(56px,7vw,96px);display: grid;gap: var(--s-32)}.xm .anwendungen__titel{text-align: center;color: var(--navy)}.xm .anwendungen__liste{list-style: none;display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: var(--s-16)}.xm .anwendung{display: grid;gap: var(--s-12);align-content: start}.xm .anwendung p{display: grid;gap: 2px}.xm .anwendung p b{font-weight: 600;color: var(--navy)}.xm .anwendung p span{font-size: var(--fs-small);color: var(--petrol)}.xm .anwendung__bild{display: grid;place-items: center;aspect-ratio: 4 / 3;padding: var(--s-16);border-radius: var(--radius-20);background: var(--surface-soft);overflow: hidden}.xm .tab{display: flex;align-items: center;gap: 8px;width: 100%;max-width: 190px;padding: 8px 10px;border-radius: 10px 10px 0 0;background: var(--white);box-shadow: 0 -1px 0 var(--navy-08),0 6px 14px -10px var(--navy-32);font-size: 12px;color: var(--navy)}.xm .tab svg{width: 13px;height: 16px;flex: none}.xm .tab i{font-style: normal;flex: 1}.xm .tab b{font-weight: 400;color: var(--petrol)}.xm .visitenkarte{display: grid;gap: 7px;align-content: center;width: 86%;aspect-ratio: 85 / 55;padding: 10% 9%;border-radius: 4px;background: var(--white);box-shadow: var(--shadow-lift)}.xm .visitenkarte svg{width: 62%;height: auto;margin-bottom: 8%}.xm .visitenkarte i{display: block;height: 4px;width: 70%;border-radius: 2px;background: var(--navy-16)}.xm .visitenkarte i + i{width: 46%}.xm .profil{--zx: var(--orange);display: grid;place-items: center;width: 58%;aspect-ratio: 1;border-radius: var(--radius-round);background: var(--navy);box-shadow: var(--shadow-lift)}.xm .profil svg{width: 38%;height: auto}.xm .wagen{width: 100%;height: auto;overflow: visible;filter: drop-shadow(0 10px 10px rgba(6,38,51,0.2))}.xm .wagen__koerper{fill: var(--white);stroke: var(--navy-16);stroke-width: 1.2}.xm .wagen__fenster{fill: var(--navy-16)}.xm .wagen__streifen{fill: var(--orange)}.xm .wagen__rad{fill: var(--navy);stroke: var(--white);stroke-width: 3}.xm .bauschild{--zx: var(--orange);--zm: var(--white);display: grid;gap: 7px;align-content: start;width: 88%;aspect-ratio: 3 / 2;padding: 9%;border-radius: 3px;background: var(--navy);box-shadow: var(--shadow-lift)}.xm .bauschild svg{width: 55%;height: auto;margin-bottom: 10%}.xm .bauschild i{display: block;height: 5px;width: 80%;border-radius: 3px;background: var(--white-35)}.xm .bauschild i:nth-child(3){width: 64%}.xm .bauschild i:nth-child(4){width: 38%;background: var(--orange)}@media (max-width: 1024px){.xm .test__raster{grid-template-columns: minmax(0,1fr)}.xm .test__buehne{min-height: 360px}.xm .anwendungen__liste{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 767px){.xm .markenblatt__farben{grid-template-columns: repeat(2,minmax(0,1fr))}.xm .markenblatt__schrift{flex-basis: 100%}.xm .test__buehne{min-height: 260px;padding: var(--s-24)}.xm .anwendungen__liste{grid-template-columns: repeat(2,minmax(0,1fr))}}