/* X mind Leistungsseite Social Media: assets/social-media.css des Prototyps, gekapselt – erzeugt mit _wordpress/leistungen/baue.py. Nicht von Hand ändern. */
body.seite-social-media .xm{--zone-streifen: repeating-linear-gradient(135deg,rgba(249,69,16,0.42) 0 7px,rgba(249,69,16,0.16) 7px 14px)}.xm .sozial-buehne{position: relative;display: grid;place-items: center;width: min(100%,520px);padding: var(--s-40) 0}.xm .telefon{width: min(290px,66vw);padding: 11px;border-radius: 44px;background: var(--navy-deep);box-shadow: var(--shadow-layer),0 0 0 1px var(--navy-16);transform: rotate(-4deg)}.xm .telefon__schirm{border-radius: 34px;overflow: hidden;background: var(--navy-deep)}.xm .telefon .beitrag{width: 100%;aspect-ratio: 9 / 16;border-radius: 0}.xm .sozial-buehne__chips{position: absolute;inset: 0;list-style: none;pointer-events: none}.xm .sozial-buehne__chips li{position: absolute;display: inline-flex;align-items: center;min-height: 40px;padding: 0 var(--s-16);border-radius: var(--radius-pill);background: var(--white);color: var(--navy);font-size: 0.95rem;font-weight: 600;box-shadow: var(--shadow-nav),0 0 0 1px var(--navy-08)}.xm .sozial-buehne__chips li:nth-child(1){top: 14%;left: 2%}.xm .sozial-buehne__chips li:nth-child(2){top: 34%;right: 0}.xm .sozial-buehne__chips li:nth-child(3){bottom: 26%;left: 0}.xm .sozial-buehne__chips li:nth-child(4){bottom: 10%;right: 6%}.xm .beitrag{--p: 7cqmin;--z-oben: 0%;--z-unten: 0%;--z-links: 0%;--z-rechts: 0%;position: relative;container-type: size;overflow: hidden;border-radius: 10px;background: var(--grad-section);color: var(--white)}.xm .beitrag__flaeche{position: absolute;inset: 0;display: grid;grid-template-columns: minmax(0,1fr);grid-template-rows: auto minmax(0,1fr);padding: calc(var(--z-oben) + var(--p)) calc(var(--z-rechts) + var(--p)) calc(var(--z-unten) + var(--p)) calc(var(--z-links) + var(--p));transition: padding var(--dur-3) var(--ease-out)}.xm .beitrag__kreis{position: absolute;width: 74cqmin;aspect-ratio: 1;border-radius: var(--radius-round);background: var(--orange);right: -20cqmin;top: 10cqh;transition: right var(--dur-3) var(--ease-out),top var(--dur-3) var(--ease-out),width var(--dur-3) var(--ease-out)}.xm .beitrag__keil{position: absolute;width: 64cqmin;aspect-ratio: 1;background: var(--petrol);opacity: 0.85;left: -32cqmin;bottom: -32cqmin;transform: rotate(45deg);transition: left var(--dur-3) var(--ease-out),bottom var(--dur-3) var(--ease-out)}.xm .beitrag__logo{position: relative;justify-self: start;align-self: start;padding: 1.3cqmin 3.2cqmin;border: 0.45cqmin solid var(--white-60);border-radius: var(--radius-pill);font-size: 3.6cqmin;font-weight: 700;letter-spacing: 0.02em;line-height: 1.2}.xm .beitrag__text{position: relative;align-self: end;display: grid;gap: 3cqmin;max-width: 84cqw;transition: max-width var(--dur-3) var(--ease-out)}.xm .beitrag__dach{font-size: 4cqmin;font-weight: 700;text-transform: uppercase;letter-spacing: 0.07em;color: var(--white-81);line-height: 1.2}.xm .beitrag__titel{font-size: 11cqmin;line-height: 1.02;font-weight: 600;letter-spacing: -0.035em;text-wrap: balance}.xm .beitrag__knopf{justify-self: start;padding: 2.3cqmin 5cqmin;border-radius: var(--radius-pill);background: var(--white);color: var(--navy);font-size: 4cqmin;font-weight: 700;line-height: 1.2}.xm .beitrag[data-format="story"]{--z-oben: 14%;--z-unten: 35%;--z-links: 6%;--z-rechts: 6%}.xm .beitrag[data-format="tiktok"]{--z-oben: 8%;--z-unten: 23%;--z-links: 5%;--z-rechts: 13%}.xm .beitrag[data-format="story"] .beitrag__text,.xm .beitrag[data-format="tiktok"] .beitrag__text{align-self: center}.xm .beitrag[data-format="story"] .beitrag__kreis{top: 64cqh;right: -22cqmin}.xm .beitrag[data-format="tiktok"] .beitrag__kreis{top: 62cqh;right: -30cqmin}.xm .beitrag[data-format="linkedin"]{--p: 8cqmin}.xm .beitrag[data-format="linkedin"] .beitrag__text{max-width: 58cqw}.xm .beitrag[data-format="linkedin"] .beitrag__titel{font-size: 12cqmin}.xm .beitrag[data-format="linkedin"] .beitrag__kreis{width: 96cqmin;right: -14cqmin;top: 2cqh}.xm .beitrag[data-format="linkedin"] .beitrag__keil{left: auto;bottom: -40cqmin}.xm .zonen{position: absolute;inset: 0;pointer-events: none;opacity: 0;transition: opacity var(--dur-2) linear}.xm .zeige-zonen .zonen{opacity: 1}.xm .zone{position: absolute;display: flex;align-items: center;justify-content: center;overflow: hidden;background: var(--zone-streifen);box-shadow: inset 0 0 0 1.5px var(--orange);transition: height var(--dur-3) var(--ease-out),width var(--dur-3) var(--ease-out),top var(--dur-3) var(--ease-out),bottom var(--dur-3) var(--ease-out)}.xm .zone em,.xm .ausschnitt em{font-style: normal;font-size: max(11px,3cqmin);font-weight: 700;line-height: 1.3;white-space: nowrap;padding: 2px 8px;border-radius: var(--radius-pill);background: var(--navy-deep);color: var(--white)}.xm .zone--oben{top: 0;left: 0;right: 0;height: var(--z-oben)}.xm .zone--unten{bottom: 0;left: 0;right: 0;height: var(--z-unten)}.xm .zone--rechts{top: var(--z-oben);bottom: var(--z-unten);right: 0;width: var(--z-rechts)}.xm .zone--rechts em{writing-mode: vertical-rl;padding: 8px 2px}.xm .zone--links{top: var(--z-oben);bottom: var(--z-unten);left: 0;width: var(--z-links)}.xm .beitrag[data-format="story"] .zone--rechts em{display: none}.xm .ausschnitt{position: absolute;top: 0;bottom: 0;left: 50%;width: 75cqh;transform: translateX(-50%);display: none;box-shadow: 0 0 0 100cqw var(--scrim);outline: 2px dashed var(--white);outline-offset: -2px;justify-content: center;align-items: flex-start;padding-top: 3cqmin}.xm .beitrag[data-format="feed"] .ausschnitt{display: flex}.xm .oberflaeche{position: absolute;inset: 0;pointer-events: none;opacity: 0;transition: opacity var(--dur-2) linear}.xm .mit-oberflaeche .oberflaeche{opacity: 1}.xm .ui-kopf,.xm .ui-seite,.xm .ui-fuss{position: absolute;display: none}.xm .beitrag[data-format="story"] :is(.ui-kopf,.ui-seite,.ui-fuss),.xm .beitrag[data-format="tiktok"] :is(.ui-seite,.ui-fuss){display: grid}.xm .ui-kopf{top: 4.2cqh;left: 5cqw;right: 5cqw;grid-template-columns: auto 1fr;align-items: center;gap: 2.4cqw}.xm .ui-kopf::before{content: "";position: absolute;top: -2.2cqh;left: 0;right: 0;height: 0.7cqmin;border-radius: var(--radius-pill);background: var(--white-60)}.xm .ui-kopf i{width: 8cqmin;aspect-ratio: 1;border-radius: var(--radius-round);background: var(--white)}.xm .ui-kopf b{width: 26cqw;height: 2.4cqmin;border-radius: var(--radius-pill);background: var(--white-81)}.xm .ui-seite{right: 3cqw;bottom: 27cqh;gap: 3.4cqh}.xm .beitrag[data-format="tiktok"] .ui-seite{bottom: 25cqh}.xm .ui-seite i{width: 9cqmin;aspect-ratio: 1;border-radius: var(--radius-round);background: var(--white-81)}.xm .ui-fuss{left: 5cqw;right: 20cqw;bottom: 6cqh;gap: 1.8cqh}.xm .beitrag[data-format="story"] .ui-fuss{bottom: 5cqh;right: 5cqw}.xm .ui-fuss b{height: 2.4cqmin;border-radius: var(--radius-pill);background: var(--white-81)}.xm .ui-fuss b:last-child{width: 68%}.xm .beitrag[data-format="story"] .ui-fuss b:first-child{height: 9cqmin;border: 0.45cqmin solid var(--white-81);background: transparent}.xm .formate__raster{display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,0.75fr);gap: var(--s-24);align-items: stretch}.xm .formate__buehne{display: grid;place-items: center;align-content: center;gap: var(--s-12);min-height: 680px;padding: var(--s-32);border-radius: var(--radius-30);background: var(--white);box-shadow: 0 0 0 1px var(--navy-08)}.xm .formate__buehne .beitrag{width: var(--bw,420px);height: var(--bh,525px);box-shadow: var(--shadow-lift);transition: width var(--dur-3) var(--ease-out),height var(--dur-3) var(--ease-out)}.xm .beitrag__hinweis{font-size: var(--fs-mini);color: var(--petrol)}.xm .formate__steuerung{display: grid;gap: var(--s-24);align-content: start}.xm .formate__info p{color: var(--navy);line-height: 1.6}.xm .formate__info p:not([hidden]){animation: xm-einblenden var(--dur-3) var(--ease-out)}.xm .formate__schalter .schalter__knopf{min-height: 64px}.xm .plattformen .geo__raster{margin-top: 0}@media (max-width: 1024px){.xm .formate__raster{grid-template-columns: minmax(0,1fr)}.xm .formate__buehne{min-height: 0;padding: var(--s-24) var(--s-16)}}@media (max-width: 767px){.xm .sozial-buehne__chips li{min-height: 34px;padding: 0 var(--s-12);font-size: var(--fs-small)}}@media (max-width: 1024px){body.seite-social-media .xm .anatomie__raster{container-type: inline-size}body.seite-social-media .xm .anatomie .titel-display{font-size: min(var(--fs-display),calc(100cqi / var(--wort-h1,0.01)))}}@media (min-width: 1025px){.xm .sozial-buehne{container-type: inline-size}.xm .telefon{width: min(290px,82cqi)}@container (max-width: 340px){.xm .sozial-buehne__chips li{min-height: 34px;padding: 0 var(--s-12);font-size: var(--fs-small)}.xm .sozial-buehne__chips li:nth-child(1),.xm .sozial-buehne__chips li:nth-child(3){left: -14px}.xm .sozial-buehne__chips li:nth-child(2){right: -14px}.xm .sozial-buehne__chips li:nth-child(4){right: -4px}}}@container (max-width: 400px){.xm .ausschnitt{padding-top: calc(15cqmin + 6px)}}.xm .formate .kopfzeile .titel-2{max-width: var(--container)}.xm .formate__schalter .schalter__bahn{background: var(--navy-60)}@media (min-width: 768px) and (max-width: 1024px){.xm .plattformen .geo__raster{grid-template-columns: repeat(3,minmax(0,1fr))}}.xm .projektkarte__bild[href*="mac-museum-art-cars"] img{object-position: 100% 50%}