/* Team: Team-Pack-Hero (aus dem Elementor-Widget team-builder-widget-v7.html) */
    .emhr-root {
      --emhr-primary: #FD3870;
      --emhr-secondary: #FFA09B;
      --emhr-ink: #181818;
      --emhr-gold: #FD3870;
      --emhr-purple: #fe6c6d;
      --emhr-blue: #0B0B0F;
      --emhr-line: #ECECEC;
      font-family: "DM Sans", sans-serif;
      color: var(--emhr-ink);
      position: relative;
      overflow: hidden;
      min-height: 100svh;
      display: flex;
      flex-direction: column;
      background: #ffffff;
      box-sizing: border-box;
    }
    .emhr-root *, .emhr-root *::before, .emhr-root *::after { box-sizing: border-box; }

    /* ---------- Hintergrund: Outline-Typo, Dots, Sparkles ---------- */
    .emhr-bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
    .emhr-bigword {
      position: absolute; left: 50%; top: 5%;
      font-family: "Manrope", sans-serif; font-weight: 800;
      /* Spannt sich über die volle Bildschirmbreite (~108vw, leichter
         Anschnitt an den Kanten) und skaliert mit jeder Screengröße */
      font-size: max(3rem, 18vw); line-height: .95;
      letter-spacing: .01em; white-space: nowrap;
      color: transparent;
      -webkit-text-stroke: 2px #FFE3EC;
      transform: translateX(-50%) rotate(-6deg);
      user-select: none;
    }
    .emhr-halftone {
      position: absolute; left: -60px; bottom: 8%;
      width: 340px; height: 340px; border-radius: 50%;
      background-image: radial-gradient(#FFD3DF 1.6px, transparent 1.6px);
      background-size: 15px 15px;
      -webkit-mask-image: radial-gradient(circle, #000 30%, transparent 70%);
      mask-image: radial-gradient(circle, #000 30%, transparent 70%);
      opacity: .8;
    }
    .emhr-spark {
      position: absolute; font-weight: 700; user-select: none;
      font-family: "Manrope", sans-serif;
    }

    .emhr-content {
      position: relative; z-index: 1;
      flex: 1; width: 100%; max-width: 1180px; margin: 0 auto;
      padding: 40px 24px 10px;
      display: grid;
      grid-template-columns: minmax(300px, 5fr) 6fr;
      gap: 32px;
      align-items: center;
    }

    /* ---------- Linke Spalte: Editorial ---------- */
    .emhr-left { max-width: 520px; }
    .emhr-eyebrow {
      display: inline-flex; align-items: center; gap: 8px;
      font-size: .74rem; font-weight: 700; letter-spacing: .14em;
      text-transform: uppercase; color: var(--emhr-primary);
      margin-bottom: 18px;
    }
    .emhr-eyebrow::before {
      content: ""; width: 26px; height: 2px; background: var(--emhr-primary);
    }
    .emhr-left h1 {
      font-family: "Manrope", sans-serif; font-weight: 800;
      font-size: clamp(2.1rem, 4.6vw, 3.9rem);
      margin: 0 0 18px; line-height: 1.06; color: #0B0B0F;
    }
    .emhr-left h1 span {
      background: linear-gradient(92deg, #FD3870 20%, #FFA09B 100%);
      -webkit-background-clip: text; background-clip: text;
      color: transparent;
    }
    .emhr-left p {
      margin: 0 0 20px;
      font-family: "DM Sans", sans-serif; font-weight: 400;
      font-size: clamp(1rem, 1.8vw, 1.25rem); line-height: 1.55; color: #3C4148;
    }
    .emhr-statline {
      display: flex; flex-wrap: wrap; gap: 6px 18px;
      font-size: .82rem; font-weight: 500; color: #666;
      margin-bottom: 22px;
    }
    .emhr-statline b { color: #0B0B0F; font-weight: 700; }
    .emhr-statline .emhr-stat-leg b { color: var(--emhr-gold); }
    .emhr-viewall {
      display: inline-block;
      font-size: .95rem; font-weight: 500;
      color: var(--emhr-primary); text-decoration: none;
      border-bottom: 1.5px solid transparent;
      transition: border-color .2s ease;
    }
    .emhr-viewall:hover { border-bottom-color: var(--emhr-primary); }

    /* ---------- Rechte Spalte: Bühne ---------- */
    .emhr-stage {
      width: 100%; min-height: min(420px, 62svh);
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      position: relative;
    }

    .emhr-packtilt {
      transform: rotate(-5deg); position: relative;
      /* Breite gewinnt: nie breiter als die Spalte, nie höher als ~56svh */
      width: min(88%, 370px, calc(56svh * 0.735));
      container-type: inline-size;
    }
    .emhr-sticker {
      position: absolute; top: calc(clamp(64px, 28cqw, 100px) * -0.28); right: calc(clamp(64px, 28cqw, 100px) * -0.3); z-index: 5;
      width: clamp(64px, 28cqw, 100px); height: clamp(64px, 28cqw, 100px); border-radius: 50%;
      background: #fff; border: 2px solid #000;
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      font-family: "Manrope", sans-serif; font-weight: 800; text-align: center;
      transform: rotate(11deg);
      box-shadow: 0 10px 24px rgba(0,0,0,.12);
    }
    .emhr-sticker b { font-size: clamp(13px, 6cqw, 21px); line-height: 1; color: var(--emhr-primary); }
    .emhr-sticker span { font-size: clamp(6px, 2.7cqw, 10px); letter-spacing: .12em; text-transform: uppercase; margin-top: 3px; color: #0B0B0F; }

    .emhr-packwrap {
      position: relative;
      width: 100%;
      aspect-ratio: 10 / 13.6;
      user-select: none; -webkit-user-select: none;
      touch-action: none;
      cursor: grab;
      animation: emhr-float 3s ease-in-out infinite;
      filter: drop-shadow(0 30px 45px rgba(253,56,112,.28));
      outline: none;
    }
    .emhr-packwrap:focus-visible { filter: drop-shadow(0 0 0 3px rgba(253,56,112,.5)); }
    .emhr-packwrap.emhr-tearing { animation: none; cursor: grabbing; }
    .emhr-packwrap.emhr-opened { pointer-events: none; }
    .emhr-packwrap.emhr-nudge { animation: emhr-nudge .45s ease; }
    @keyframes emhr-nudge {
      0%, 100% { transform: translateX(0) rotate(0); }
      25% { transform: translateX(-7px) rotate(-1deg); }
      60% { transform: translateX(7px) rotate(1deg); }
    }
    @keyframes emhr-float {
      0%, 100% { transform: translateY(0) rotate(0deg); }
      50% { transform: translateY(-9px) rotate(1deg); }
    }

    .emhr-foil {
      background:
        repeating-linear-gradient(115deg, rgba(255,255,255,.14) 0 2px, transparent 2px 9px),
        linear-gradient(150deg, #FF5C8A 0%, var(--emhr-primary) 34%, #D9265C 62%, #A91848 100%);
      position: relative; overflow: hidden;
    }
    .emhr-foil::after {
      content: ""; position: absolute; top: -60%; left: -80%;
      width: 55%; height: 240%; transform: rotate(24deg);
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
      animation: emhr-foilshine 3.4s ease-in-out infinite;
    }
    @keyframes emhr-foilshine { 0% { left: -80%; } 60% { left: 140%; } 100% { left: 140%; } }

    .emhr-crimp {
      height: clamp(9px, 4cqw, 15px);
      background:
        repeating-linear-gradient(90deg, rgba(255,255,255,.35) 0 2px, rgba(0,0,0,.08) 2px 4px, transparent 4px 7px),
        linear-gradient(150deg, #FF7BA1, #E63A6E);
      border-radius: 4px 4px 0 0;
    }

    .emhr-lid {
      position: absolute; top: 0; left: 0; right: 0;
      height: 15%;
      z-index: 3;
      transform-origin: 100% 100%;
      transition: transform .15s ease;
      display: flex; flex-direction: column;
    }
    .emhr-lid .emhr-foil { flex: 1; border-radius: 0; }
    .emhr-lid.emhr-flyoff {
      transition: transform .55s cubic-bezier(.4,0,.8,.6), opacity .55s ease;
      transform: translate(14%, -160%) rotate(-24deg) !important;
      opacity: 0;
    }

    .emhr-tearline {
      position: absolute; top: 15%; left: 0; right: 0; z-index: 4;
      height: 0; border-top: 2px dashed rgba(255,255,255,.65);
    }
    .emhr-cut {
      position: absolute; top: -2px; left: 0; height: 3px; width: 0%;
      background: #fff; box-shadow: 0 0 8px rgba(255,255,255,.9);
    }
    .emhr-scissors {
      position: absolute; top: clamp(-16px, -5cqw, -11px); left: 0; margin-left: -12px;
      font-size: clamp(15px, 6cqw, 22px); transform: scaleX(-1);
      filter: drop-shadow(0 2px 4px rgba(0,0,0,.3));
      transition: opacity .3s ease;
    }

    .emhr-pouch {
      position: absolute; top: 15%; left: 0; right: 0; bottom: 0;
      display: flex; flex-direction: column;
      z-index: 2;
    }
    .emhr-pouch .emhr-foil { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4%; }
    .emhr-pouch .emhr-crimp { border-radius: 0 0 4px 4px; transform: scaleY(-1); }
    .emhr-packwrap.emhr-opened .emhr-pouch { transition: transform .5s ease, opacity .5s ease; transform: translateY(24px) scale(.94); opacity: 0; }
    .emhr-packwrap.emhr-opened .emhr-lid:not(.emhr-flyoff) { opacity: 0; }

    .emhr-pack-icon { width: 24%; }
    .emhr-pack-icon img { width: 100%; height: auto; display: block; filter: drop-shadow(0 6px 16px rgba(0,0,0,.25)); }
    .emhr-pack-title {
      font-family: "Manrope", sans-serif; font-weight: 700;
      color: #fff; font-size: clamp(15px, 8.5cqw, 30px); text-align: center; line-height: 1.15;
    }
    .emhr-pack-sub {
      font-size: clamp(8px, 3.6cqw, 13px); font-weight: 700; letter-spacing: .22em; text-transform: uppercase;
      color: rgba(255,255,255,.9);
      border-top: 1px solid rgba(255,255,255,.4); padding-top: clamp(6px, 2.8cqw, 11px);
    }
    .emhr-pack-hint {
      margin-top: 4%;
      background: rgba(255,255,255,.94); color: var(--emhr-ink);
      font-weight: 500; font-size: clamp(10px, 4.2cqw, 15px);
      padding: clamp(5px, 2.4cqw, 9px) clamp(10px, 5cqw, 18px);
      border-radius: 18px; border: 2px solid #000;
      max-width: 88%; text-align: center;
    }

    /* ---------- Walkout-Karte ---------- */
    .emhr-big {
      width: min(270px, 66vw); position: relative; margin-top: 56px;
      opacity: 0; transform: scale(.7) translateY(30px);
      transition: opacity .4s ease, transform .45s cubic-bezier(.2,.8,.3,1.1);
    }
    .emhr-big.emhr-show { opacity: 1; transform: scale(1) translateY(0); }
    .emhr-big.emhr-fly { transition: transform .5s cubic-bezier(.5,0,.8,.4), opacity .5s ease; opacity: 0; }
    .emhr-big-teaser {
      position: absolute; top: -52px; left: 50%; transform: translateX(-50%) scale(0);
      font-size: 2.1rem; transition: transform .35s cubic-bezier(.2,.8,.3,1.4);
    }
    .emhr-big.emhr-show .emhr-big-teaser { transform: translateX(-50%) scale(1); }
    .emhr-inner {
      position: relative; width: 100%;
      transform-style: preserve-3d; transition: transform .65s cubic-bezier(.4,.1,.2,1.15);
    }
    .emhr-big.emhr-flip .emhr-inner { transform: rotateY(180deg); }
    .emhr-face { backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 14px; overflow: hidden; }
    .emhr-face-back {
      position: absolute; inset: 0; z-index: 2;
      background: linear-gradient(150deg, #ffffff 0%, #FFF3F6 70%);
      border: 1.5px solid var(--emhr-line);
      display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
    }
    .emhr-back-logo { width: 70px; height: 70px; }
    .emhr-back-logo img { width: 100%; height: 100%; object-fit: contain; animation: emhr-pulse 1.1s ease-in-out infinite; }
    @keyframes emhr-pulse {
      0%, 100% { transform: scale(1); filter: drop-shadow(0 0 5px rgba(253,56,112,.3)); }
      50% { transform: scale(1.1); filter: drop-shadow(0 0 18px rgba(253,56,112,.55)); }
    }
    .emhr-face-front {
      position: relative; transform: rotateY(180deg);
      background: #fff;
      display: flex; flex-direction: column;
      border: 1.5px solid var(--emhr-line);
    }
    .emhr-r-legendaer .emhr-face-front { border-color: var(--emhr-gold); }
    .emhr-r-episch    .emhr-face-front { border-color: var(--emhr-purple); }
    .emhr-r-selten    .emhr-face-front { border-color: var(--emhr-blue); }
    .emhr-big.emhr-flip.emhr-r-legendaer { filter: drop-shadow(0 12px 30px rgba(245,179,0,.4)); }
    .emhr-big.emhr-flip.emhr-r-episch    { filter: drop-shadow(0 12px 26px rgba(139,92,246,.3)); }
    .emhr-big.emhr-flip.emhr-r-selten    { filter: drop-shadow(0 12px 24px rgba(59,130,246,.28)); }
    .emhr-big.emhr-r-legendaer .emhr-face-back { border-color: rgba(245,179,0,.6); }
    .emhr-big.emhr-r-episch    .emhr-face-back { border-color: rgba(139,92,246,.5); }
    .emhr-big.emhr-r-selten    .emhr-face-back { border-color: rgba(59,130,246,.45); }

    .emhr-rarity {
      padding: 5px 10px; font-size: .62rem; font-weight: 700;
      letter-spacing: .04em; text-transform: uppercase; color: #fff;
      display: flex; justify-content: space-between; gap: 8px; white-space: nowrap;
    }
    .emhr-r-legendaer .emhr-rarity { background: linear-gradient(90deg, #FD3870, #FF8A00); }
    .emhr-r-episch    .emhr-rarity { background: linear-gradient(90deg, #fe6c6d, #C084FC); }
    .emhr-r-selten    .emhr-rarity { background: linear-gradient(90deg, #0B0B0F, #60A5FA); }
    .emhr-img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; background: #f4f4f7; }
    .emhr-body { padding: 10px 12px 12px; }
    .emhr-name { font-family: "Manrope", sans-serif; font-weight: 700; font-size: 1.02rem; margin: 0; }
    .emhr-role { font-size: .72rem; color: #777; margin: 1px 0 8px; }
    .emhr-powerline {
      display: flex; align-items: center; justify-content: space-between;
      background: #FFF5F8; border-radius: 8px; padding: 5px 10px; margin-bottom: 8px;
    }
    .emhr-powerline strong { font-family: "Manrope", sans-serif; font-size: 1.02rem; color: var(--emhr-primary); }
    .emhr-powerline span { font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #999; }
    .emhr-skill { font-size: .68rem; line-height: 1.35; color: #444; }
    .emhr-skill strong { color: var(--emhr-primary); display: block; }

    .emhr-flash {
      position: absolute; inset: 0; z-index: 3; pointer-events: none;
      background: radial-gradient(circle at 50% 45%, rgba(245,179,0,.4), transparent 60%);
      opacity: 0;
    }
    .emhr-flash.emhr-go { animation: emhr-flashanim .7s ease-out forwards; }
    @keyframes emhr-flashanim { 0% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 0; } }

    .emhr-confetti {
      position: absolute; top: 40%; left: 50%; width: 8px; height: 8px;
      border-radius: 2px; pointer-events: none; z-index: 5; opacity: 0;
      animation: emhr-pop 1.1s ease-out forwards;
    }
    @keyframes emhr-pop {
      0% { opacity: 1; transform: translate(0,0) rotate(0); }
      100% { opacity: 0; transform: translate(var(--dx), var(--dy)) rotate(540deg); }
    }

    .emhr-skip {
      margin-top: 16px;
      background: #fff; border: 2px solid var(--emhr-line); color: #777;
      font-family: inherit; font-size: .75rem; font-weight: 500;
      border-radius: 18px; padding: 7px 16px; cursor: pointer;
    }
    .emhr-skip:hover { border-color: var(--emhr-primary); color: var(--emhr-primary); }

    /* ---------- Ergebnis ---------- */
    .emhr-result {
      background: #fff; border-radius: 20px; padding: 24px 28px;
      border: 1.5px solid var(--emhr-line);
      box-shadow: 0 24px 60px rgba(0,0,0,.07);
      text-align: center; max-width: 520px;
      opacity: 0; transform: translateY(16px) scale(.96);
      transition: all .5s ease;
    }
    .emhr-result.emhr-show2 { opacity: 1; transform: none; }
    .emhr-result-power {
      font-family: "Manrope", sans-serif; font-weight: 800; font-size: 2.6rem; line-height: 1;
      color: var(--emhr-primary);
    }
    .emhr-result-label { font-size: .66rem; text-transform: uppercase; letter-spacing: .12em; color: #999; margin-top: 2px; }
    .emhr-synergies { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin: 12px 0 4px; }
    .emhr-synergy {
      background: #fff; border: 1.5px solid #F8C8D6;
      color: #C22456; font-size: .72rem; font-weight: 700;
      padding: 4px 12px; border-radius: 18px;
    }
    .emhr-verdict { font-size: .88rem; color: #444; margin: 8px 0 16px; }
    .emhr-verdict strong { color: var(--emhr-primary); }
    .emhr-btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; align-items: center; }
    .emhr-btn {
      font-family: inherit; font-weight: 500; font-size: .85rem;
      border-radius: 18px; padding: 10px 22px; cursor: pointer;
      background: #fff; border: 2px solid #000; color: var(--emhr-ink);
      transition: all .2s ease;
    }
    .emhr-btn:hover { border-color: var(--emhr-primary); color: var(--emhr-primary); }
    .emhr-btn-primary { border-color: var(--emhr-primary); background: var(--emhr-primary); color: #fff; }
    .emhr-btn-primary:hover { background: #E22258; border-color: #E22258; color: #fff; }
    .emhr-tokens {
      display: inline-flex; align-items: center; gap: 6px;
      font-size: .78rem; font-weight: 500; color: #777;
      border: 2px solid var(--emhr-line); border-radius: 18px; padding: 9px 18px;
    }

    /* ---------- Slot-Reihe ---------- */
    .emhr-row {
      position: relative; z-index: 1;
      display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;
      width: 100%; max-width: 1180px; margin: 0 auto;
      padding: 10px 24px 26px;
    }
    .emhr-slot {
      width: clamp(120px, 15vw, 160px); border-radius: 12px;
      border: 2px dashed #E7E7E7; background: #FCFCFC;
      aspect-ratio: 10/13.4;
      display: flex; align-items: center; justify-content: center;
      color: #CFCFCF; font-weight: 700; font-family: "Manrope", sans-serif;
    }
    .emhr-mini {
      width: clamp(120px, 15vw, 160px); border-radius: 12px; overflow: hidden;
      background: #fff; border: 1.5px solid var(--emhr-line);
      box-shadow: 0 12px 28px rgba(0,0,0,.08);
      animation: emhr-minipop .4s cubic-bezier(.2,.8,.3,1.3);
      display: flex; flex-direction: column;
    }
    @keyframes emhr-minipop { from { transform: scale(.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }
    .emhr-mini.emhr-r-legendaer { border-color: var(--emhr-gold); }
    .emhr-mini.emhr-r-episch    { border-color: var(--emhr-purple); }
    .emhr-mini.emhr-r-selten    { border-color: var(--emhr-blue); }
    .emhr-mini .emhr-rarity { font-size: .54rem; padding: 3px 8px; }
    .emhr-mini img.emhr-mini-img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; }
    .emhr-mini-body { padding: 7px 9px 9px; text-align: center; }
    .emhr-mini-name { font-family: "Manrope", sans-serif; font-weight: 700; font-size: .82rem; }
    .emhr-mini-power { font-size: .68rem; color: var(--emhr-primary); font-weight: 700; }
    .emhr-mini-swap {
      margin-top: 6px; width: 100%;
      background: #fff; border: 1.5px solid var(--emhr-line); color: #999;
      font-family: inherit; font-size: .62rem; font-weight: 500;
      border-radius: 18px; padding: 4px 0; cursor: pointer; transition: all .2s ease;
    }
    .emhr-mini-swap:hover:not(:disabled) { border-color: var(--emhr-primary); color: var(--emhr-primary); }
    .emhr-mini-swap:disabled { opacity: .4; cursor: not-allowed; }

    /* ---------- Laufband ---------- */
    .emhr-marquee {
      position: relative; z-index: 1;
      background: #FFF0F5; border-top: 1.5px solid #FFD9E4;
      overflow: hidden; white-space: nowrap;
      padding: 10px 0;
    }
    .emhr-marquee-track {
      display: inline-block;
      animation: emhr-marquee 28s linear infinite;
    }
    .emhr-marquee span {
      font-family: "Manrope", sans-serif; font-weight: 700;
      font-size: .74rem; letter-spacing: .18em; text-transform: uppercase;
      color: var(--emhr-primary);
      margin-right: 8px;
    }
    @keyframes emhr-marquee {
      from { transform: translateX(0); } to { transform: translateX(-50%); }
    }

    /* ---------- Team-Übersicht (#ansehen) ---------- */
    .emhr-overlay {
      position: fixed; inset: 0; z-index: 99999;
      background: #fff; overflow-y: auto;
      display: none;
    }
    .emhr-overlay.emhr-open { display: block; }
    .emhr-overlay-inner { max-width: 1200px; margin: 0 auto; padding: 28px 16px 48px; }
    .emhr-overlay-head {
      display: flex; align-items: center; justify-content: space-between; gap: 14px;
      margin-bottom: 6px;
    }
    .emhr-overlay-head h2 {
      font-family: "Manrope", sans-serif; font-weight: 800;
      font-size: clamp(1.4rem, 3.5vw, 2rem); margin: 0; color: #000;
    }
    .emhr-overlay-head h2 span { color: var(--emhr-primary); }
    .emhr-overlay-sub { color: #555; font-size: .9rem; margin: 0 0 22px; }
    .emhr-close {
      background: #fff; border: 2px solid #000; color: var(--emhr-ink);
      width: 40px; height: 40px; border-radius: 50%;
      font-size: 1.1rem; font-weight: 700; cursor: pointer; flex-shrink: 0;
      transition: all .2s ease;
    }
    .emhr-close:hover { border-color: var(--emhr-primary); color: var(--emhr-primary); }
    .emhr-all-grid {
      display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
      gap: 16px;
    }
    .emhr-all-card {
      border-radius: 14px; overflow: hidden; background: #fff;
      border: 1.5px solid var(--emhr-line);
      display: flex; flex-direction: column;
      transition: transform .2s ease, box-shadow .2s ease;
    }
    .emhr-all-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,.08); }
    .emhr-all-card.emhr-r-legendaer { border-color: var(--emhr-gold); }
    .emhr-all-card.emhr-r-episch    { border-color: var(--emhr-purple); }
    .emhr-all-card.emhr-r-selten    { border-color: var(--emhr-blue); }

    @media (max-width: 900px) {
      .emhr-content { grid-template-columns: 1fr; gap: 10px; padding-top: 30px; }
      .emhr-spark-mid { display: none; }
      .emhr-left { max-width: none; }
      .emhr-bigword { top: 2%; }
      .emhr-packtilt { width: min(78vw, 340px, calc(52svh * 0.735)); }
    }
    @media (max-width: 640px) {
      .emhr-row { gap: 10px; padding-left: 12px; padding-right: 12px; }
      /* Immer exakt 2 pro Zeile, unabhängig von umgebendem Padding */
      .emhr-slot, .emhr-mini { width: calc(50% - 5px); max-width: 172px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .emhr-root *, .emhr-overlay * { animation-duration: .01s !important; transition-duration: .01s !important; }
    }

/* ======================================================================
   Angleichung an die Home: Hero zentriert, Abstand zum fixen Header,
   Kicker als Typografie, Buttons ohne Pfeil; Gruender, Buero, Teamraster
   ====================================================================== */
.emhr-root{padding-top:calc(var(--nav-h,80px) + 2vh);min-height:auto}
.emhr-content{flex-direction:column;align-items:center;text-align:center;gap:clamp(20px,3vh,36px)}
.emhr-left{max-width:60ch;margin:0 auto;align-items:center}
.emhr-left p{margin-left:auto;margin-right:auto}
.emhr-eyebrow{font-family:"Manrope",sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#FD3870;background:none;border:0;padding:0;justify-content:center}
.emhr-left h1{font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:-.03em}
.emhr-statline{justify-content:center}
.emhr-viewall{font-family:"DM Sans",sans-serif;font-weight:600}
.emhr-bigword{left:50%;transform:translateX(-50%)}
.tm-founders{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:900px;margin:0 auto}
.tm-founder{text-align:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px 26px 30px}
.tm-founder img{width:132px;height:132px;border-radius:50%;object-fit:cover;box-shadow:0 14px 34px rgba(11,11,15,.12);margin:0 auto 16px}
.tm-founder h3{font-family:"Manrope",sans-serif;font-weight:800;font-size:1.3rem;letter-spacing:-.02em;color:var(--ink);margin:0 0 4px}
.tm-founder__role{display:block;font-family:"Manrope",sans-serif;font-weight:800;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pink);margin-bottom:12px}
.tm-founder p{color:var(--muted);font-size:.98rem;line-height:1.6;margin:0 0 14px}
.tm-founder a{font-family:"DM Sans",sans-serif;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.tm-office{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tm-office img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;display:block;background:#fff}
.tm-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 14px}
.tm-person{margin:0;text-align:center}
.tm-person img{width:min(120px,100%);aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 12px 28px rgba(11,11,15,.1);margin:0 auto 10px;display:block;background:var(--soft,#fff3f7)}
.tm-person b{display:block;font-family:"Manrope",sans-serif;font-weight:800;font-size:1rem;letter-spacing:-.01em;color:var(--ink)}
.tm-person span{display:block;color:var(--muted);font-size:.84rem;margin-top:2px}
@media (max-width:1024px){.tm-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){.tm-founders{grid-template-columns:1fr}.tm-grid{grid-template-columns:repeat(3,1fr);gap:16px 10px}.tm-office{grid-template-columns:repeat(2,1fr);gap:10px}}
@media (max-width:480px){.tm-grid{grid-template-columns:repeat(2,1fr)}.tm-person img{width:min(96px,100%)}}

/* Hero zentriert, auch am Desktop (das Widget setzt dort ein zweispaltiges Raster) */
.emhr-root .emhr-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:clamp(20px,3vh,36px);max-width:none}
.emhr-root .emhr-left{max-width:62ch;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.emhr-root .emhr-left h1{max-width:16ch}
.emhr-root .emhr-eyebrow{justify-content:center}
.emhr-root .emhr-eyebrow::before,.emhr-root .emhr-eyebrow::after{display:none}
.emhr-root .emhr-stage{margin:0 auto}

/* ======================================================================
   Seitendesign: weisse Buehne mit Logo-Signatur, Markenfarben statt Gold/Lila/Blau,
   Buttons und Karten wie auf den anderen Seiten
   ====================================================================== */
.emhr-root{--emhr-primary:#FD3870;--emhr-secondary:#fe6c6d;--emhr-ink:#0B0B0F;--emhr-gold:#FD3870;--emhr-purple:#fe6c6d;--emhr-blue:#0B0B0F;--emhr-line:#ebebef;background:#fff;color:var(--ink);font-family:var(--font-body)}
.emhr-root .emhr-halftone,.emhr-root .emhr-spark,.emhr-root .emhr-bigword,.emhr-root .emhr-marquee{display:none}
.emhr-root .emhr-content,.emhr-root .emhr-row{position:relative;z-index:1}
.emhr-root .uu-logo{top:calc(var(--nav-h,80px) + 2vh)}
.emhr-root .emhr-eyebrow{margin-bottom:14px}
.emhr-root .emhr-left h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.02;letter-spacing:-.03em;color:var(--ink);margin:0 auto 18px;max-width:14ch}
.emhr-root .emhr-left h1 span{color:var(--pink);background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial}
.emhr-root .emhr-left p{color:var(--muted);font-size:1.12rem;line-height:1.6;max-width:56ch}
.emhr-root .emhr-statline{font-family:var(--font-body);color:var(--muted);gap:18px}
.emhr-root .emhr-statline b{color:var(--ink);font-family:var(--font-head);font-weight:800}
.emhr-root .emhr-stat-leg,.emhr-root .emhr-stat-leg b{color:var(--pink)}
.emhr-root .emhr-viewall{display:inline-flex;align-items:center;margin-top:8px;padding:12px 22px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(11,11,15,.05);font-weight:600;text-decoration:none;transition:border-color .25s,color .25s,transform .25s var(--ease)}
.emhr-root .emhr-viewall:hover{border-color:var(--pink);color:var(--pink);transform:translateY(-1px)}
.emhr-root .emhr-viewall::after{display:none}
.emhr-root .emhr-btn,.emhr-overlay .emhr-btn{border-radius:15px;font-family:var(--font-body);font-weight:600;padding:12px 22px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(11,11,15,.05)}
.emhr-root .emhr-btn-primary,.emhr-overlay .emhr-btn-primary{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:0 10px 26px rgba(253,56,112,.22)}
.emhr-root .emhr-btn-primary:hover{background:#e02258;border-color:#e02258}
.emhr-root .emhr-mini,.emhr-root .emhr-all-card,.emhr-overlay .emhr-all-card{border-radius:22px;border:1px solid var(--line);box-shadow:0 14px 34px rgba(11,11,15,.07)}
.emhr-root .emhr-mini-name,.emhr-root .emhr-name,.emhr-overlay .emhr-name{font-family:var(--font-head);font-weight:800;letter-spacing:-.01em}
.emhr-root .emhr-rarity{font-family:var(--font-head);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.emhr-root .emhr-sticker{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 26px rgba(11,11,15,.1)}
.emhr-root .emhr-sticker b{color:var(--pink)}
.emhr-overlay{background:rgba(255,255,255,.96)}
.emhr-overlay .emhr-overlay-inner{border-radius:28px;border:1px solid var(--line)}
.emhr-overlay .emhr-overlay-head h2{font-family:var(--font-head);font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.emhr-overlay .emhr-overlay-head h2 span{color:var(--pink);background:none;-webkit-text-fill-color:initial}
.emhr-overlay .emhr-close{border-radius:15px;border:1px solid var(--line);background:#fff;color:var(--ink)}
@media (max-width:860px){.emhr-root .uu-logo{top:calc(var(--nav-h,80px) + 4vh)}}

/* Leere Karte: Platz fuer die naechste Kollegin, fuehrt zur Karriereseite */
.tm-person--you{display:block;text-decoration:none;color:inherit}
.tm-person__empty{display:flex;align-items:center;justify-content:center;width:min(120px,100%);aspect-ratio:1;border-radius:50%;margin:0 auto 10px;border:2px dashed var(--pink);background:var(--soft,#fff3f7);color:var(--pink);font-family:"Manrope",sans-serif;font-weight:800;font-size:2rem;line-height:1;transition:background .3s,transform .3s}
.tm-person__empty::before{content:"+"}
.tm-person--you:hover .tm-person__empty{background:var(--pink);color:#fff;transform:scale(1.04)}
.tm-person--you b{color:var(--pink)}
@media (max-width:480px){.tm-person__empty{width:min(96px,100%)}}