/* Über-uns-Seite: Zeitstrahl, Wien-Karte, Werte (aus dem Elementor-Widget em-ueberuns-timeline.html) */
    .emab-root {
      --emab-pink: #FD3870;
      --emab-pink-dark: #e02258;
      --emab-soft: #ffe9f0;
      --emab-ink: #0B0B0F;
      --emab-body: #62626c;
      --emab-line: #ebebef;
      --emab-bg: #ffffff;
      --emab-shadow: 0 10px 30px rgba(11, 11, 15, .06);
      font-family: "DM Sans", system-ui, sans-serif;
      color: var(--emab-body);
      background: var(--emab-bg);
      position: relative;
      overflow: hidden;
      box-sizing: border-box;
      line-height: 1.6;
    }
    .emab-root *, .emab-root *::before, .emab-root *::after { box-sizing: border-box; }
    .emab-root h1, .emab-root h2, .emab-root h3, .emab-root h4 {
      font-family: "Manrope", system-ui, sans-serif;
      color: var(--emab-ink);
      margin: 0;
      line-height: 1.12;
      letter-spacing: -.01em;
    }
    .emab-root p { margin: 0; }
    .emab-wrap { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 22px; position: relative; z-index: 1; }
    .emab-kicker {
      display: inline-flex; align-items: center; gap: 9px;
      font-size: .92rem; font-weight: 500; color: var(--emab-ink);
      background: #fff; border: 1px solid var(--emab-line);
      border-radius: 999px; padding: 7px 16px 7px 13px;
      box-shadow: var(--emab-shadow);
    }

    /* ---------- Icons (einfarbig, flach) ---------- */
    .emab-ic { display: inline-block; flex: none; fill: currentColor; vertical-align: middle; }
    .emab-ic-s { width: 13px; height: 13px; }
    .emab-ic-k { width: 18px; height: 18px; color: var(--emab-pink); }
    .emab-ic-m { width: 24px; height: 24px; color: var(--emab-pink); }
    .emab-ic-l { width: 38px; height: 38px; color: var(--emab-pink); }
    .emab-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

    /* ---------------- Intro ---------------- */
    .emab-intro { position: relative; padding: 58px 0 10px; }
    .emab-deco { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
    .emab-deco-word {
      position: absolute; right: -20px; top: 18px;
      font-family: "Manrope", sans-serif; font-weight: 800; font-size: clamp(4rem, 13vw, 11rem);
      line-height: .9; color: transparent; -webkit-text-stroke: 2px #FFEDF3;
      transform: rotate(-6deg); user-select: none; white-space: nowrap;
    }
    .emab-deco-dots {
      position: absolute; left: -70px; top: 40px; width: 320px; height: 320px; border-radius: 50%;
      background-image: radial-gradient(#FFD3DF 1.6px, transparent 1.6px);
      background-size: 15px 15px;
      -webkit-mask-image: radial-gradient(circle, #000 28%, transparent 70%);
      mask-image: radial-gradient(circle, #000 28%, transparent 70%);
      opacity: .75;
    }
    .emab-intro h1, .emab-intro h2 {
      font-size: clamp(2.1rem, 5.2vw, 3.7rem); font-weight: 800;
      margin: 20px 0 18px; max-width: 16ch;
    }
    .emab-intro h1 em, .emab-intro h2 em {
      font-style: normal;
      background: linear-gradient(92deg, #FD3870 15%, #FFA09B 100%);
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }
    .emab-lead { font-size: clamp(1.02rem, 1.6vw, 1.2rem); max-width: 58ch; }

    /* ---------------- Kennzahlen ---------------- */
    .emab-stats {
      display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;
      margin: 34px 0 4px;
    }
    .emab-stat {
      background: #fff; border: 1px solid var(--emab-line); border-radius: 18px;
      padding: 18px 18px 16px; box-shadow: var(--emab-shadow);
      position: relative; overflow: hidden;
    }
    .emab-stat::after {
      content: ""; position: absolute; left: 18px; bottom: 0; width: 34px; height: 3px;
      background: var(--emab-pink); border-radius: 3px 3px 0 0;
    }
    .emab-stat b {
      font-family: "Manrope", sans-serif; font-weight: 800; color: var(--emab-ink);
      font-size: clamp(1.6rem, 3.1vw, 2.3rem); line-height: 1; display: block;
    }
    .emab-stat small { display: block; margin-top: 7px; font-size: .88rem; color: var(--emab-body); line-height: 1.35; }

    /* ---------------- Sektionsköpfe ---------------- */
    .emab-sec { padding: 62px 0 0; position: relative; }
    .emab-sec h3 { font-size: clamp(1.6rem, 3.4vw, 2.4rem); font-weight: 800; margin: 16px 0 12px; }
    .emab-sec > .emab-wrap > p { max-width: 56ch; }

    /* ---------------- Jahres-Navigation ---------------- */
    .emab-years {
      display: flex; gap: 8px; flex-wrap: nowrap; overflow-x: auto;
      padding: 4px 2px 14px; margin: 26px 0 8px;
      scrollbar-width: none;
    }
    .emab-years::-webkit-scrollbar { display: none; }
    .emab-year {
      flex: 0 0 auto; cursor: pointer;
      font-family: "Manrope", sans-serif; font-weight: 700; font-size: .92rem;
      color: var(--emab-body); background: #fff;
      border: 1px solid var(--emab-line); border-radius: 999px;
      padding: 9px 16px; transition: color .25s ease, border-color .25s ease, background .25s ease, transform .25s ease;
      display: inline-flex; align-items: center; gap: 8px;
    }
    .emab-year::before {
      content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--emab-line);
      transition: background .25s ease, box-shadow .25s ease;
    }
    .emab-year:hover { color: var(--emab-ink); border-color: #d8d8e2; }
    .emab-year-on {
      color: #fff; background: var(--emab-pink); border-color: var(--emab-pink);
      box-shadow: 0 8px 18px rgba(253, 56, 112, .28);
    }
    .emab-year-on::before { background: #fff; box-shadow: 0 0 0 3px rgba(255, 255, 255, .35); }

    /* ---------------- Zeitstrahl ---------------- */
    .emab-track { position: relative; padding: 26px 0 10px; }
    .emab-rail {
      position: absolute; left: 50%; top: 12px; bottom: 60px; width: 3px; margin-left: -1.5px;
      background: #ededf3; border-radius: 3px;
    }
    .emab-rail-fill {
      position: absolute; left: 0; top: 0; width: 100%; height: 100%;
      background: linear-gradient(180deg, #FD3870 0%, #FF7AA0 60%, #FFA09B 100%);
      border-radius: 3px; transform: scaleY(0); transform-origin: top center;
    }
    .emab-traveler {
      position: absolute; left: 50%; top: 0; width: 15px; height: 15px; margin: -7px 0 0 -7.5px;
      border-radius: 50%; background: var(--emab-pink); opacity: 0;
      box-shadow: 0 0 0 5px rgba(253, 56, 112, .16), 0 6px 16px rgba(253, 56, 112, .45);
      transition: opacity .3s ease;
    }

    .emab-item { position: relative; width: 50%; padding: 0 52px 44px 0; }
    .emab-item:nth-of-type(even) { margin-left: 50%; padding: 0 0 44px 52px; }
    .emab-dot {
      position: absolute; top: 30px; right: -10px; width: 20px; height: 20px; border-radius: 50%;
      background: #fff; border: 3px solid #e2e2ea; z-index: 2;
      transition: border-color .3s ease, transform .35s cubic-bezier(.2,.8,.3,1.4), box-shadow .3s ease;
    }
    .emab-item:nth-of-type(even) .emab-dot { right: auto; left: -10px; }
    .emab-item.emab-passed .emab-dot {
      border-color: var(--emab-pink); transform: scale(1.25);
      box-shadow: 0 0 0 6px rgba(253, 56, 112, .12);
    }

    .emab-card {
      background: #fff; border: 1px solid var(--emab-line); border-radius: 22px;
      padding: 22px 24px 20px; box-shadow: var(--emab-shadow);
      transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
      position: relative;
    }
    .emab-card:hover { transform: translateY(-3px); border-color: #f3c9d6; box-shadow: 0 16px 38px rgba(11, 11, 15, .09); }
    .emab-yearnum {
      font-family: "Manrope", sans-serif; font-weight: 800; font-size: 2.4rem; line-height: 1;
      color: transparent; -webkit-text-stroke: 1.6px #e2e2ea;
      transition: color .35s ease, -webkit-text-stroke-color .35s ease;
      display: block; margin-bottom: 8px;
    }
    .emab-item.emab-passed .emab-yearnum { color: var(--emab-pink); -webkit-text-stroke-color: transparent; }
    .emab-card h4 { font-size: 1.22rem; font-weight: 700; margin-bottom: 9px; }
    .emab-card p { font-size: .99rem; }
    .emab-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
    .emab-chip {
      display: inline-flex; align-items: center; gap: 6px;
      font-size: .8rem; font-weight: 500; color: var(--emab-ink);
      background: #fafafc; border: 1px solid var(--emab-line);
      border-radius: 999px; padding: 5px 11px;
    }
    .emab-chip-pink { background: var(--emab-soft); border-color: #ffd2e0; color: var(--emab-pink-dark); font-weight: 700; }

    .emab-faces { display: flex; align-items: center; gap: 10px; margin-top: 16px; }
    .emab-faces img {
      width: 46px; height: 46px; border-radius: 50%; object-fit: cover;
      border: 2px solid #fff; box-shadow: 0 4px 12px rgba(11, 11, 15, .14); display: block;
    }
    .emab-faces img + img { margin-left: -18px; }
    .emab-faces small { font-size: .84rem; color: var(--emab-body); }

    .emab-more {
      margin-top: 15px; cursor: pointer; background: none; border: 0; padding: 0;
      font-family: "DM Sans", sans-serif; font-size: .9rem; font-weight: 700; color: var(--emab-pink);
      display: inline-flex; align-items: center; gap: 6px;
    }
    .emab-more:hover { color: var(--emab-pink-dark); }
    .emab-more svg { transition: transform .3s ease; }
    .emab-card.emab-open .emab-more svg { transform: rotate(180deg); }
    .emab-detail {
      max-height: 0; opacity: 0; overflow: hidden;
      transition: max-height .45s ease, opacity .3s ease, margin-top .3s ease;
      font-size: .95rem;
    }
    .emab-card.emab-open .emab-detail { max-height: 420px; opacity: 1; margin-top: 12px; }
    .emab-detail ul { margin: 0; padding-left: 18px; }
    .emab-detail li { margin-bottom: 5px; }

    .emab-card-now { background: linear-gradient(140deg, #FD3870 0%, #FF6E97 55%, #FFA09B 100%); border-color: transparent; }
    .emab-card-now h4, .emab-card-now .emab-yearnum,
    .emab-item.emab-passed .emab-card-now .emab-yearnum { color: #fff; -webkit-text-stroke-color: transparent; }
    .emab-card-now p { color: rgba(255, 255, 255, .93); }
    .emab-card-now .emab-chip { background: rgba(255, 255, 255, .18); border-color: rgba(255, 255, 255, .34); color: #fff; }
    .emab-btnrow { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
    .emab-btn {
      display: inline-flex; align-items: center; gap: 7px; text-decoration: none;
      font-family: "DM Sans", sans-serif; font-weight: 700; font-size: .95rem;
      border-radius: 15px; padding: 12px 20px; transition: transform .2s ease, background .2s ease, color .2s ease;
    }
    .emab-btn-pink { background: var(--emab-pink); color: #fff; }
    .emab-btn-pink:hover { background: var(--emab-pink-dark); color: #fff; transform: translateY(-2px); }
    .emab-btn-white { background: #fff; color: var(--emab-ink); }
    .emab-btn-white:hover { transform: translateY(-2px); color: var(--emab-pink); }
    .emab-btn-ghost { background: #fff; color: var(--emab-ink); border: 1px solid var(--emab-line); }
    .emab-btn-ghost:hover { border-color: var(--emab-pink); color: var(--emab-pink); transform: translateY(-2px); }

    /* ---------------- Wien ---------------- */
    .emab-wien { margin-top: 26px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 34px; align-items: center; }
    .emab-map {
      position: relative; width: 100%; aspect-ratio: 600 / 460;
      background: #fbfbfd; border: 1px solid var(--emab-line); border-radius: 24px;
      overflow: hidden; box-shadow: var(--emab-shadow);
    }
    /* nur die Hintergrundkarte, nicht die Pin-SVGs in den Buttons */
    .emab-map > svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
    .emab-route { stroke-dasharray: 7 9; animation: emab-dash 1.6s linear infinite; }
    @keyframes emab-dash { to { stroke-dashoffset: -32; } }
    .emab-mk {
      position: absolute; transform: translate(-50%, -100%); cursor: pointer;
      background: none; border: 0; padding: 0; z-index: 3; line-height: 1;
    }
    .emab-mk-point { transform: translate(-50%, -50%); }
    .emab-mk-pin { display: block; width: 30px; height: 38px; }
    .emab-mk-hq .emab-mk-pin { animation: emab-drop .8s cubic-bezier(.2,.9,.3,1.35) both .35s; }
    @keyframes emab-drop { from { transform: translateY(-26px); opacity: 0; } to { transform: none; opacity: 1; } }
    .emab-pulse {
      position: absolute; left: 50%; bottom: -6px; width: 16px; height: 16px; margin-left: -8px;
      border-radius: 50%; background: rgba(253, 56, 112, .35); animation: emab-pulse 2.2s ease-out infinite;
    }
    @keyframes emab-pulse {
      0% { transform: scale(.4); opacity: .9; }
      70% { transform: scale(2.6); opacity: 0; }
      100% { opacity: 0; }
    }
    .emab-mk-mini {
      display: block; width: 17px; height: 17px; border-radius: 50%; background: #fff;
      border: 3px solid #c4c4d2; box-shadow: 0 3px 9px rgba(11, 11, 15, .16);
      transition: border-color .25s ease, transform .25s ease;
    }
    .emab-mk:hover .emab-mk-mini, .emab-mk-on .emab-mk-mini { border-color: var(--emab-pink); transform: scale(1.22); }
    .emab-tip {
      position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%) translateY(6px);
      min-width: 190px; max-width: 240px; text-align: left;
      background: var(--emab-ink); color: #fff; border-radius: 13px; padding: 10px 13px;
      font-size: .82rem; line-height: 1.4; opacity: 0; visibility: hidden;
      transition: opacity .22s ease, transform .22s ease, visibility .22s;
      box-shadow: 0 12px 26px rgba(11, 11, 15, .22); pointer-events: none;
    }
    .emab-tip b { display: block; font-family: "Manrope", sans-serif; font-size: .9rem; margin-bottom: 2px; }
    .emab-mk:hover .emab-tip, .emab-mk:focus-visible .emab-tip, .emab-mk-on .emab-tip {
      opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);
    }
    .emab-maphint {
      position: absolute; left: 16px; bottom: 12px; font-size: .72rem; color: #a1a1af; z-index: 2;
    }
    .emab-wienfacts { list-style: none; margin: 18px 0 0; padding: 0; }
    .emab-wienfacts li {
      display: flex; gap: 11px; align-items: flex-start; padding: 11px 0;
      border-top: 1px solid var(--emab-line); font-size: .97rem;
    }
    .emab-wienfacts li:last-child { border-bottom: 1px solid var(--emab-line); }
    .emab-wienfacts .emab-ic { margin-top: 2px; }
    .emab-wienfacts b { color: var(--emab-ink); font-family: "Manrope", sans-serif; }
    .emab-adr { margin-top: 18px; font-size: .97rem; }
    .emab-adr b { display: block; font-family: "Manrope", sans-serif; color: var(--emab-ink); }
    .emab-adr a { color: var(--emab-pink); text-decoration: none; font-weight: 700; }
    .emab-adr a:hover { color: var(--emab-pink-dark); }

    /* ---------------- Haltung ---------------- */
    .emab-values { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 28px; }
    .emab-value {
      background: #fff; border: 1px solid var(--emab-line); border-radius: 20px;
      padding: 22px 20px; box-shadow: var(--emab-shadow);
      transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
      display: flex; flex-direction: column;
    }
    .emab-value:hover { transform: translateY(-4px); border-color: #f3c9d6; box-shadow: 0 18px 40px rgba(11, 11, 15, .1); }
    .emab-value h4 { font-size: 1.06rem; font-weight: 700; margin: 16px 0 8px; }
    .emab-value p { font-size: .94rem; flex: 1; }
    .emab-value a {
      margin-top: 14px; align-self: flex-start; text-decoration: none;
      font-size: .9rem; font-weight: 700; color: var(--emab-pink);
      border-bottom: 1.5px solid transparent; transition: border-color .2s ease;
    }
    .emab-value a:hover { border-bottom-color: var(--emab-pink); }

    /* ---------------- CTA ---------------- */
    .emab-cta { margin: 62px 0 8px; }
    .emab-ctabox {
      background: linear-gradient(135deg, #14141A 0%, #24242E 100%);
      border-radius: 26px; padding: 42px 40px; color: #fff;
      display: grid; grid-template-columns: 1.35fr .65fr; gap: 26px; align-items: center;
      position: relative; overflow: hidden;
    }
    .emab-ctabox::before {
      content: ""; position: absolute; right: -90px; top: -90px; width: 320px; height: 320px; border-radius: 50%;
      background: radial-gradient(circle, rgba(253, 56, 112, .55), transparent 62%);
    }
    .emab-ctabox h3 { color: #fff; font-size: clamp(1.5rem, 3vw, 2.1rem); position: relative; }
    .emab-ctabox p { color: rgba(255, 255, 255, .78); margin-top: 12px; max-width: 46ch; position: relative; }
    .emab-ctabox .emab-btnrow { position: relative; justify-content: flex-end; }

    /* ---------------- Animation (nur mit JS) ---------------- */
    .emab-root.emab-js:not(.emab-noanim) .emab-rv {
      opacity: 0; transform: translateY(26px);
      transition: opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1);
    }
    .emab-root.emab-js:not(.emab-noanim) .emab-item .emab-card { transition: transform .6s cubic-bezier(.2,.7,.3,1), opacity .6s ease, box-shadow .3s ease, border-color .3s ease; }
    .emab-root.emab-js:not(.emab-noanim) .emab-item.emab-rv { transform: translateY(20px); }
    .emab-root.emab-js:not(.emab-noanim) .emab-rv.emab-in { opacity: 1; transform: none; }
    .emab-root.emab-noanim .emab-route { animation: none; }
    .emab-root.emab-noanim .emab-pulse { animation: none; opacity: 0; }
    .emab-root.emab-noanim .emab-mk-hq .emab-mk-pin { animation: none; }

    /* ---------------- Responsive ---------------- */
    @media (max-width: 980px) {
      .emab-wien { grid-template-columns: 1fr; gap: 26px; }
      .emab-map { max-width: 560px; margin: 0 auto; }
      .emab-values { grid-template-columns: repeat(2, 1fr); }
      .emab-ctabox { grid-template-columns: 1fr; padding: 34px 28px; }
      .emab-ctabox .emab-btnrow { justify-content: flex-start; }
    }
    @media (max-width: 860px) {
      .emab-intro { padding-top: 40px; }
      .emab-stats { grid-template-columns: repeat(2, 1fr); }
      .emab-rail { left: 20px; margin-left: 0; bottom: 40px; }
      .emab-traveler { left: 50%; margin-left: -7.5px; }
      .emab-item, .emab-item:nth-of-type(even) { width: 100%; margin-left: 0; padding: 0 0 30px 52px; }
      .emab-dot, .emab-item:nth-of-type(even) .emab-dot { left: 11px; right: auto; top: 26px; }
      .emab-card { padding: 20px 18px 18px; border-radius: 20px; }
      .emab-yearnum { font-size: 2rem; }
      .emab-sec { padding-top: 46px; }
    }
    @media (max-width: 520px) {
      .emab-stats { grid-template-columns: 1fr 1fr; gap: 10px; }
      .emab-values { grid-template-columns: 1fr; }
      .emab-wrap { padding: 0 16px; }
      .emab-item, .emab-item:nth-of-type(even) { padding-left: 44px; }
      .emab-rail { left: 16px; }
      .emab-traveler { left: 50%; }
      .emab-dot, .emab-item:nth-of-type(even) .emab-dot { left: 7px; }
      .emab-tip { min-width: 130px; max-width: 180px; }
    }

/* ---------------- Anpassungen für die eigenständige Seite ---------------- */
/* Fixer Header: Intro braucht Luft nach oben */
.emab-root .emab-intro { padding-top: calc(var(--nav-h, 80px) + 48px); }
.emab-root .emab-intro h1 { color: var(--emab-ink); line-height: 1.08; }


/* ======================================================================
   Angleichung an die Home (leicht): Kicker als Typografie, Pink statt
   Verlauf, Buttons wie auf der Home, Logo-Signatur im Intro
   ====================================================================== */
.emab-root .emab-kicker{background:none;border:0;padding:0;box-shadow:none;font-family:"Manrope",sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--emab-pink);gap:0}
.emab-root .emab-intro h1 em,.emab-root .emab-intro h2 em{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial;color:var(--emab-pink)}
.emab-root .emab-intro h1{letter-spacing:-.03em}
.emab-root .emab-sec h3,.emab-root .emab-ctabox h3{letter-spacing:-.025em}
.emab-root .emab-btn{border-radius:15px;font-family:"DM Sans",sans-serif;font-weight:600;padding:14px 26px}
.emab-root .emab-btn-pink{box-shadow:0 10px 26px rgba(253,56,112,.22)}
.emab-root .emab-stats{box-shadow:none;border:1px solid var(--emab-line);border-radius:22px}
.emab-root .emab-ctabox{border-radius:32px}
.emab-root .emab-intro{position:relative;overflow:hidden}
.emab-root .emab-deco{display:none}
/* Logo-Signatur: die drei Konturen zeichnen sich beim Laden, wackeln leicht und pulsieren */
.uu-logo{position:absolute;right:-6%;top:50%;width:min(60vh,56vw);aspect-ratio:1;transform:translateY(-50%);pointer-events:none;opacity:.9}
.uu-logo svg{width:100%;height:100%;overflow:visible}
.uul{fill:none;stroke-width:.5;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;transform-origin:25.5px 25px;animation:uu-draw 2.2s cubic-bezier(.2,.7,.2,1) forwards,uu-wobble 16s ease-in-out 2.4s infinite,uu-pulse 3.6s ease-in-out infinite}
.uul--0{stroke:#FD3870;animation-delay:.2s,2.4s,0s}
.uul--1{stroke:#fe6c6d;animation-delay:.9s,2.4s,.8s;animation-direction:normal,reverse,normal;animation-duration:2.2s,19s,5.2s}
.uul--2{stroke:#fe6c6d;animation:uu-draw 2.2s cubic-bezier(.2,.7,.2,1) 1.6s forwards,uu-wobble 23s ease-in-out 2.4s infinite}
@keyframes uu-draw{to{stroke-dashoffset:0}}
@keyframes uu-wobble{0%,100%{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.03)}}
@keyframes uu-pulse{0%,100%{stroke-opacity:.45}50%{stroke-opacity:1}}
.emab-root .emab-intro .emab-wrap{position:relative;z-index:1}
@media (max-width:860px){.uu-logo{right:-30%;top:auto;bottom:-10%;width:80vw;transform:none;opacity:.55}}
@media (prefers-reduced-motion:reduce){.uul{animation:none;stroke-dashoffset:0}}


/* ======================================================================
   Zentrierte Fassung (body.uu-center): gleiche Struktur, alles mittig
   ====================================================================== */
.uu-center .emab-intro .emab-wrap{text-align:center}
.uu-center .emab-intro h1{margin-left:auto;margin-right:auto}
.uu-center .emab-lead{margin-left:auto;margin-right:auto}
.uu-center .emab-kicker{justify-content:center}
.uu-center .emab-stat{text-align:center}
.uu-center .emab-stat::after{left:50%;transform:translateX(-50%)}
.uu-center .uu-logo{left:50%;right:auto;top:50%;width:min(86vh,90vw);transform:translate(-50%,-50%);opacity:.4}
.uu-center .emab-sec > .emab-wrap > .emab-kicker,.uu-center .emab-sec > .emab-wrap > h3,.uu-center .emab-sec > .emab-wrap > p{text-align:center;margin-left:auto;margin-right:auto}
.uu-center .emab-years{justify-content:center}
.uu-center .emab-card{text-align:center}
.uu-center .emab-chips,.uu-center .emab-faces,.uu-center .emab-btnrow{justify-content:center}
.uu-center .emab-faces{align-items:center}
.uu-center .emab-detail{text-align:center}
.uu-center .emab-wienfacts,.uu-center .emab-adr{text-align:center}
.uu-center .emab-wienfacts > *{justify-content:center}
.uu-center .emab-map{margin-left:auto;margin-right:auto}
.uu-center .emab-value{text-align:center}
.uu-center .emab-value .emab-ic{margin-left:auto;margin-right:auto}
.uu-center .emab-ctabox{text-align:center;grid-template-columns:1fr}
.uu-center .emab-ctabox p{margin-left:auto;margin-right:auto}
.uu-center .footer__bottom{justify-content:center;gap:24px}
@media (max-width:860px){.uu-center .uu-logo{left:50%;right:auto;top:50%;bottom:auto;width:110vw;transform:translate(-50%,-50%);opacity:.3}}

/* ---------- Zentrierte Fassung: Hero mit Luft, Logo legt sich um den Text ---------- */
.uu-center .emab-root .emab-intro{padding-top:calc(var(--nav-h,80px) + 2vh);padding-bottom:6vh;display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
.uu-center .emab-intro .emab-wrap{display:flex;flex-direction:column;justify-content:center;flex:1}
.uu-center .emab-intro .emab-wrap > .emab-kicker,.uu-center .emab-intro .emab-wrap > h1,.uu-center .emab-intro .emab-wrap > .emab-lead{flex:none}
.uu-center .emab-intro .emab-kicker{margin-bottom:10px}
.uu-center .emab-intro h1{margin:14px auto 26px;line-height:1.04;max-width:16ch}
.uu-center .emab-intro .emab-lead{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.65;max-width:56ch}
.uu-center .emab-intro .emab-stats{margin-top:auto;padding-top:0}
.uu-center .emab-intro .emab-stats.emab-rv{margin-top:auto}
/* Logo: beginnt unter dem Header, endet ueber den Kennzahlen, Textband liegt in seiner Mitte */
.uu-center .uu-logo{left:50%;right:auto;top:calc(var(--nav-h,80px) + 2vh);bottom:auto;width:min(72vh,86vw);height:auto;transform:translateX(-50%);opacity:.42}
.uu-center .emab-intro .emab-wrap{min-height:min(72vh,86vw)} /* gleiche Hoehe wie das Logo, Text mittig darin */
@media (max-width:860px){
  .uu-center .uu-logo{top:calc(var(--nav-h,80px) + 4vh);width:min(60vh,96vw);opacity:.32}
  .uu-center .emab-intro .emab-wrap{min-height:min(60vh,96vw)}
  .uu-center .emab-intro h1{max-width:12ch}
}

/* Kennzahlen aus dem Textband loesen: Text mittig im Logo, Zahlen am unteren Rand */
.uu-center .emab-root .emab-intro{position:relative;padding-bottom:calc(14vh + 120px)}
.uu-center .emab-intro .emab-wrap{min-height:min(68vh,86vw);justify-content:center}
.uu-center .emab-intro .emab-stats{position:absolute;left:50%;bottom:5vh;transform:translateX(-50%);width:min(1100px,100% - 48px);margin:0}
.uu-center .uu-logo{width:min(68vh,86vw)}
@media (max-width:860px){
  .uu-center .emab-root .emab-intro{padding-bottom:6vh;min-height:auto}
  .uu-center .emab-intro .emab-stats{position:static;transform:none;width:auto;margin-top:6vh}
  .uu-center .emab-intro .emab-wrap{min-height:min(60vh,96vw)}
  .uu-center .uu-logo{width:min(60vh,96vw)}
}

/* Kennzahlen haengen am Intro, nicht am Textband; Textband ohne eigenen Bezugsrahmen */
.uu-center .emab-intro .emab-wrap{position:static}
.uu-center .emab-intro .emab-wrap > *{position:relative;z-index:1}
.uu-center .uu-logo{z-index:0}
.uu-center .emab-root .emab-intro{padding-bottom:calc(8vh + 120px)}
@media (max-width:860px){
  .uu-center .emab-intro .emab-stats{position:static;transform:none;width:auto;margin:6vh 0 0}
}

/* Leichter CTA unter der Copy: springt zum Zeitstrahl */
.uu-center .uu-intro-cta{align-self:center;margin-top:24px}

/* Kennzahlen: hoehere Spezifitaet als die Kind-Regel des Textbands */
.uu-center .emab-intro .emab-wrap > .emab-stats{position:absolute;left:50%;bottom:5vh;transform:translateX(-50%);width:min(1100px,100% - 48px);margin:0;z-index:1}
@media (max-width:860px){
  .uu-center .emab-intro .emab-wrap > .emab-stats{position:relative;left:auto;bottom:auto;transform:none;width:auto;margin:6vh 0 0}
}

/* Zentrierung ohne Transform (das Reveal des Widgets setzt transform zurueck) */
.uu-center .emab-intro .emab-wrap > .emab-stats{left:0;right:0;transform:none;margin:0 auto}
@media (max-width:860px){.uu-center .emab-intro .emab-wrap > .emab-stats{margin:6vh 0 0}}

.uu-center .emab-value a{align-self:center}