{"id":30113,"date":"2026-09-23T07:46:25","date_gmt":"2026-09-23T05:46:25","guid":{"rendered":"https:\/\/www.yuii.de\/business-training-and-coaching\/"},"modified":"2026-09-24T14:04:14","modified_gmt":"2026-09-24T12:04:14","slug":"business-training-and-coaching","status":"publish","type":"page","link":"https:\/\/www.yuii.de\/en\/","title":{"rendered":"Business Training and Coaching"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n:root {\n  --ink: hsl(305, 0%, 11%);\n  --paper: #fff;\n  --paper-2: #EAEAEA;\n  --rose: hsl(338, 100%, 50%);\n  --rose-deep: hsl(338, 100%, 40%);\n  --plum: hsl(325, 0%, 12%);\n  --grey: #737373;\n  --grey-line: #DAD3D0;\n  --cyan: #35C0E3;\n  --cream-card: #FFFFFF;\n  --maxw: 1240px;\n  --font-display: 'Inter', sans-serif;\n  --font-body: 'Inter', sans-serif;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--font-body);\n  background: var(--paper);\n  color: var(--ink);\n  -webkit-font-smoothing: antialiased;\n  line-height: 1.5;\n}\n\nimg,\nsvg {\n  display: block;\n  max-width: 100%;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\n::selection {\n  background: var(--rose);\n  color: #fff;\n}\n\n:focus-visible {\n  outline: 2px solid var(--rose-deep);\n  outline-offset: 3px;\n}\n\n.wrap {\n  max-width: var(--maxw);\n  margin: 0 auto;\n  padding: 0 32px;\n}\n\n@media(max-width:640px) {\n  .wrap {\n    padding: 0 20px;\n  }\n}\n\nh1,\nh2,\nh3,\nh4 {\n  font-family: var(--font-display);\n  font-weight: 500;\n  margin: 0;\n  letter-spacing: -0.01em;\n}\n\nh1,\nh2 {\n  letter-spacing: -0.1rem;\n}\n\n\/* ---------- placeholder note ---------- *\/\n.draft-note {\n  display: none;\n  font-family: var(--font-body);\n  font-size: 12.5px;\n  font-style: italic;\n  color: var(--grey);\n  margin-top: 10px;\n}\n\n.draft-note::before {\n  content: \"Platzhaltertext - \";\n  font-style: normal;\n  color: var(--rose-deep);\n}\n\n\n\/* ---------- header \/ nav ---------- *\/\nheader {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background: rgba(255, 255, 255, 0.88);\n  backdrop-filter: blur(10px);\n  border-bottom: 1px solid transparent;\n  transition: border-color .3s ease, background .3s ease;\n}\n\nheader.scrolled {\n  border-bottom-color: var(--grey-line);\n}\n\n.nav-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 0;\n}\n\n\/* .logo {\n    font-family: var(--font-display);\n    font-style: italic;\n    font-weight: 500;\n    font-size: 26px;\n    letter-spacing: 0.01em;\n  } *\/\n\n.nav-links {\n  display: flex;\n  align-items: center;\n  gap: 36px;\n}\n\n.nav-links a {\n  font-size: 15px;\n  font-weight: 500;\n  position: relative;\n  padding: 4px 0;\n}\n\n.nav-links a:not(.btn)::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 0;\n  height: 1px;\n  background: var(--ink);\n  transition: width .25s ease;\n}\n\n.nav-links a:not(.btn):hover::after {\n  width: 100%;\n}\n\n.btn {\n  display: inline-block;\n  background: var(--ink);\n  color: var(--paper) !important;\n  padding: 12px 22px;\n  font-size: 14.5px;\n  font-weight: 600;\n  border-radius: 2px;\n  transition: background .2s ease;\n}\n\n.btn:hover {\n  background: var(--rose-deep);\n}\n\n.btn-outline {\n  display: inline-block;\n  border: 1px solid var(--ink);\n  padding: 11px 21px;\n  font-size: 14.5px;\n  font-weight: 600;\n  border-radius: 2px;\n  transition: background .2s ease, color .2s ease;\n}\n\n.btn-outline:hover {\n  background: var(--ink);\n  color: var(--paper);\n}\n\n.btn-text {\n  font-size: 15px;\n  font-weight: 600;\n  border-bottom: 1px solid currentColor;\n  padding-bottom: 2px;\n}\n\n.hamburger {\n  display: none;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 6px;\n}\n\n.hamburger span {\n  display: block;\n  width: 24px;\n  height: 2px;\n  background: var(--ink);\n  margin: 6px 0;\n  transition: transform .25s ease, opacity .25s ease;\n}\n\n.mobile-menu {\n  position: fixed;\n  inset: 0;\n  background: var(--paper);\n  z-index: 99;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 40px;\n  transform: translateY(-100%);\n  transition: transform .35s ease;\n}\n\n.mobile-menu.open {\n  transform: translateY(0);\n}\n\n.mobile-menu a {\n  font-family: var(--font-display);\n  font-size: 34px;\n  padding: 14px 0;\n  border-bottom: 1px solid var(--grey-line);\n}\n\n.mobile-menu .btn {\n  margin-top: 24px;\n  text-align: center;\n}\n\n@media(max-width:880px) {\n  .nav-links {\n    display: none;\n  }\n\n  .hamburger {\n    display: block;\n  }\n}\n\n\/* ---------- section scaffolding ---------- *\/\nsection {\n  padding: 110px 0;\n}\n\n@media(max-width:640px) {\n  section {\n    padding: 70px 0;\n  }\n}\n\n.section-head {\n  max-width: 640px;\n  margin-bottom: 56px;\n}\n\n.section-head h2 {\n  font-size: clamp(30px, 4vw, 44px);\n  line-height: 1.15;\n}\n\n.section-head p {\n  font-size: 17px;\n  color: var(--grey);\n  margin-top: 16px;\n  max-width: 52ch;\n}\n\n\/* ---------- photo placeholder blocks ---------- *\/\n.photo {\n  position: relative;\n  overflow: hidden;\n  background: var(--plum);\n  aspect-ratio: 4\/5;\n}\n\n.photo.landscape {\n  aspect-ratio: 16\/10;\n}\n\n.photo.square {\n  aspect-ratio: 1\/1;\n}\n\n.photo .duotone {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(120% 140% at 20% 0%, rgba(216, 25, 88, 0.55), transparent 55%),\n    radial-gradient(120% 120% at 90% 100%, rgba(42, 166, 174, 0.35), transparent 60%),\n    linear-gradient(160deg, #35162A 0%, #1B0E17 100%);\n  mix-blend-mode: normal;\n}\n\n.photo .grain {\n  position: absolute;\n  inset: 0;\n  opacity: .18;\n  mix-blend-mode: overlay;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n\n.photo .cap {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 14px 18px;\n  font-size: 12.5px;\n  color: rgba(255, 255, 255, 0.72);\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent);\n}\n\n.photo.alt .duotone {\n  background:\n    radial-gradient(120% 140% at 80% 0%, rgba(42, 166, 174, 0.45), transparent 55%),\n    radial-gradient(120% 120% at 10% 100%, rgba(216, 25, 88, 0.4), transparent 60%),\n    linear-gradient(160deg, #241C3A 0%, #150F1A 100%);\n}\n\n\/* ========== Typo ======*\/\n\nh1,\nh2,\nh3,\nh4 {\n  font-family: var(--font-display);\n  font-weight: 600;\n  margin: 0;\n  letter-spacing: -0.05em;\n}\n\n\/* ================= HERO ================= *\/\n.hero {\n  padding: 70px 0 100px;\n}\n\n.hero-grid {\n  display: grid;\n  grid-template-columns: 1.05fr 0.85fr;\n  gap: 64px;\n  align-items: center;\n}\n\n@media(max-width:900px) {\n  .hero-grid {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n}\n\n.hero-eyebrow {\n  font-size: 15px;\n  color: var(--rose-deep);\n  font-weight: 600;\n  margin-bottom: 22px;\n  opacity: 0;\n  animation: fadeUp .7s ease .05s forwards;\n}\n\n.hero h1 {\n  font-size: clamp(38px, 5.6vw, 68px);\n  line-height: 1.06;\n  max-width: 14ch;\n  opacity: 0;\n  animation: fadeUp .8s ease .15s forwards;\n}\n\n.hero .lede {\n  font-size: 18px;\n  color: var(--grey);\n  max-width: 46ch;\n  margin-top: 26px;\n  line-height: 1.6;\n  opacity: 0;\n  animation: fadeUp .8s ease .3s forwards;\n}\n\n.hero-ctas {\n  margin-top: 36px;\n  display: flex;\n  align-items: center;\n  gap: 28px;\n  flex-wrap: wrap;\n  opacity: 0;\n  animation: fadeUp .8s ease .45s forwards;\n}\n\n.hero-proof {\n  margin-top: 34px;\n  font-size: 14.5px;\n  color: var(--grey);\n  opacity: 0;\n  animation: fadeUp .8s ease .6s forwards;\n}\n\n.hero-proof strong {\n  color: var(--ink);\n  font-weight: 600;\n}\n\n@keyframes fadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(14px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.hero-photo {\n  opacity: 0;\n  animation: fadeIn 1s ease .35s forwards;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n\/* ================= TRUST BAR ================= *\/\n.trust {\n  background: var(--paper-2);\n  padding: 64px 0;\n}\n\n.trust-top {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  flex-wrap: wrap;\n  gap: 20px;\n  margin-bottom: 38px;\n}\n\n.trust-top p {\n  font-size: 15px;\n  color: var(--grey);\n  max-width: 40ch;\n}\n\n.logo-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 60px 80px;\n  align-items: center;\n  padding-bottom: 60px;\n  border-bottom: 1px solid var(--grey-line);\n}\n\n\n\n.logo-row span {\n  font-family: var(--font-display);\n  font-size: 19px;\n  color: var(--grey);\n  letter-spacing: 0.01em;\n  filter: grayscale(1);\n  opacity: .75;\n  transition: opacity .2s ease;\n}\n\n.logo-row .logo-row-item {\n  width: 10%;\n  display: flex;\n  justify-content: center;\n}\n\n.logo-row .logo-row-item img {\n  width: 100%;\n  height: 30px;\n  object-fit: contain;\n  mix-blend-mode: multiply;\n}\n\n.logo-row span:hover {\n  opacity: 1;\n  color: var(--ink);\n}\n\n.stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 32px;\n  margin-top: 44px;\n}\n@media (max-width: 640px) {\n  .logo-row {\n    gap: 40px 25px;\n  }\n  .logo-row .logo-row-item {\n    width: 25%;\n  }  \n}\n\n@media(max-width:640px) {\n  .stats {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n}\n\n.stat b {\n  font-family: var(--font-display);\n  font-size: clamp(36px, 4vw, 52px);\n  font-weight: 500;\n  display: block;\n}\n\n.stat span {\n  font-size: 14.5px;\n  color: var(--grey);\n}\n\n\/* ================= THEMA ================= *\/\n.thema {\n  padding: 130px 0;\n}\n\n.thema-inner {\n  max-width: 760px;\n}\n\n.thema h2 {\n  font-size: clamp(30px, 4.4vw, 46px) !important;\n  line-height: 1.2;\n}\n\n.thema p.lead {\n  font-size: 19px;\n  color: var(--grey);\n  margin-top: 26px;\n  line-height: 1.65;\n}\n\n.thema-cta {\n  margin-top: 40px;\n}\n\n.cta-rose {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  background: var(--rose);\n  color: #fff;\n  padding: 15px 15px 15px 28px;\n  border-radius: 999px;\n  font-size: 15px;\n  font-weight: 600;\n  transition: background .25s ease;\n}\n\n.cta-rose .arrow-circle {\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform .3s ease, background .25s ease;\n}\n\n.cta-rose:hover {\n  background: var(--rose-deep);\n}\n\n.cta-rose:hover .arrow-circle {\n  transform: translateX(3px) rotate(45deg);\n  background: rgba(255, 255, 255, 0.3);\n}\n\n.cta-rose svg {\n  width: 15px;\n  height: 15px;\n}\n\n\/* ================= PRINZIP ================= *\/\n.prinzip {\n  background: var(--plum);\n  color: #F3ECEF;\n}\n\n.prinzip .section-head p {\n  color: var(--paper2);\n}\n\n.prinzip .section-head h2 {\n  color: #fff;\n}\n\n.prinzip-list {\n  border-top: 1px solid rgba(255, 255, 255, 0.18);\n}\n\n.prinzip-item {\n  display: grid;\n  grid-template-columns: 0.5fr 1fr;\n  gap: 40px;\n  padding: 38px 0;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.18);\n}\n\n@media(max-width:760px) {\n  .prinzip-item {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n}\n\n.prinzip-item h3 {\n  font-size: 23px;\n  color: #fff;\n  font-weight: 500;\n}\n\n.prinzip-item p {\n  font-size: 15.5px;\n  color: var(--paper2);\n  line-height: 1.65;\n  max-width: 56ch;\n}\n\n.prinzip-item .methods {\n  display: block;\n  margin-top: 12px;\n  font-size: 13.5px;\n  color: var(--cyan);\n}\n\n.prinzip-foot {\n  margin-top: 40px;\n}\n\n.prinzip-foot a {\n  color: #fff;\n}\n\n\/* ================= ANGEBOT ================= *\/\n.angebot-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 2px;\n  background: var(--grey-line);\n}\n\n@media(max-width:980px) {\n  .angebot-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media(max-width:600px) {\n  .angebot-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n.offer-card {\n  background: var(--paper);\n  position: relative;\n  display: block;\n}\n\n.offer-card .photo {\n  aspect-ratio: 1\/1;\n}\n\n.offer-card .offer-body {\n  padding: 24px 24px 28px;\n}\n\n.offer-card h3 {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 1.25;\n}\n\n.offer-card p {\n  font-size: 14px;\n  color: var(--grey);\n  margin-top: 8px;\n  line-height: 1.55;\n}\n\n.offer-card .tag {\n  display: inline-block;\n  font-size: 11.5px;\n  font-weight: 600;\n  color: var(--rose-deep);\n  margin-bottom: 10px;\n}\n\n.offer-card .tag.alt {\n  color: var(--cyan);\n}\n\n.offer-card .photo .duotone {\n  transition: opacity .5s ease;\n}\n\n.offer-card:hover .photo .duotone {\n  opacity: .45;\n}\n\n.angebot-foot {\n  margin-top: 44px;\n  text-align: center;\n}\n\n\/* ================= TRAININGSTERMINE ================= *\/\n.termine-list {\n  border-top: 1px solid var(--grey-line);\n}\n\n.termin-row {\n  display: grid;\n  grid-template-columns: 140px 1fr auto auto;\n  align-items: center;\n  gap: 24px;\n  padding: 26px 0;\n  border-bottom: 1px solid var(--grey-line);\n}\n\n@media(max-width:760px) {\n  .termin-row {\n    grid-template-columns: 1fr;\n    gap: 8px;\n    text-align: left;\n  }\n}\n\n.termin-row .date {\n  font-family: var(--font-display);\n  font-size: 18px;\n}\n\n.termin-row .title {\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.termin-row .meta {\n  font-size: 14px;\n  color: var(--grey);\n}\n\n.termin-row .cta {\n  justify-self: end;\n}\n\n@media(max-width:760px) {\n  .termin-row .cta {\n    justify-self: start;\n  }\n}\n\n\/* ================= VERTRAUEN \/ TESTIMONIALS ================= *\/\n.vertrauen {\n  background: var(--paper-2);\n}\n\n.testi-wrap {\n  display: grid;\n  grid-template-columns: 1fr;\n  max-width: 800px;\n}\n\n.testi {\n  display: none;\n}\n\n.testi.active {\n  display: block;\n  animation: fadeIn .5s ease;\n}\n\n.testi blockquote {\n  font-family: var(--font-display);\n  font-size: clamp(21px, 2.6vw, 28px) !important;\n  font-weight: 500;\n  line-height: 1.4 !important;\n  margin: 0;\n  font-style: italic;\n  letter-spacing: -0.01em !important\n}\n\n.testi cite {\n  display: block;\n  margin-top: 22px;\n  font-style: normal;\n  font-size: 14.5px;\n  color: var(--grey);\n}\n\n.testi cite b {\n  color: var(--ink);\n  font-weight: 600;\n}\n\n.testi-controls {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  margin-top: 36px;\n}\n\n.testi-controls button {\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  border: 1px solid var(--ink);\n  background: none;\n  cursor: pointer;\n  font-size: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background .2s ease, color .2s ease;\n  color: var(--ink);\n}\n\n.testi-controls button:hover {\n  background: var(--ink);\n  color: var(--paper);\n}\n\n.testi-dots {\n  display: flex;\n  gap: 8px;\n}\n\n.testi-dots span {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--grey-line);\n  transition: background .2s ease;\n}\n\n.testi-dots span.active {\n  background: var(--rose-deep);\n}\n\n.cases {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2px;\n  margin-top: 70px;\n  background: var(--grey-line);\n}\n\n@media(max-width:760px) {\n  .cases {\n    grid-template-columns: 1fr;\n  }\n}\n\n.case-card {\n  background: var(--paper);\n  padding: 0;\n}\n\n.case-card .kicker {\n  font-size: 12.5px;\n  color: var(--rose-deep);\n  font-weight: 600;\n  margin-bottom: 10px;\n}\n\n.case-card h4 {\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 1.3;\n}\n\n.case-card p {\n  font-size: 14.5px;\n  color: var(--grey);\n  margin-top: 12px;\n}\n\n.case-card .btn-text {\n  margin-top: 18px;\n  display: inline-block;\n  font-size: 14px;\n}\n\n\/* ================= TEAM ================= *\/\n.team-grid {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 22px;\n}\n\n@media(max-width:900px) {\n  .team-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@media(max-width:520px) {\n  .team-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n.team-card .photo {\n  aspect-ratio: 1\/1;\n  margin-bottom: 14px;\n}\n\n.team-card h4 {\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.team-card span {\n  font-size: 13px;\n  color: var(--grey);\n}\n\n.team-foot {\n  margin-top: 44px;\n}\n\n\/* ================= WARUM YUII ================= *\/\n.warum-yuii {\n  text-align: left;\n  background: var(--ink);\n  color: var(--paper);\n  padding: 150px 0;\n}\n\n.warum-yuii .wordmark {\n  font-family: var(--font-display);\n  font-style: italic;\n  font-weight: 500;\n  font-size: clamp(70px, 14vw, 180px);\n  line-height: 0.9;\n  color: #fff;\n}\n\n.warum-yuii p.def {\n  font-size: 15px;\n  color: var(--cyan);\n  margin-top: 18px;\n  font-style: italic;\n}\n\n.warum-yuii p.body-text {\n  font-size: 18px;\n  max-width: 56ch;\n  margin-top: 26px;\n  color: #D8CFD5;\n  line-height: 1.7;\n}\n\n.warum-yuii .draft-note {\n  color: #9A8D95;\n}\n\n.warum-yuii .draft-note::before {\n  color: var(--cyan);\n}\n\n\/* ================= FINAL CTA ================= *\/\n.final-cta {\n  text-align: left;\n}\n\n.final-inner {\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: 60px;\n  align-items: end;\n}\n\n@media(max-width:820px) {\n  .final-inner {\n    grid-template-columns: 1fr;\n  }\n}\n\n.final-cta h2 {\n  font-size: clamp(30px, 4.4vw, 46px);\n  line-height: 1.18;\n  max-width: 14ch;\n}\n\n.final-cta .ctas {\n  margin-top: 30px;\n  display: flex;\n  gap: 26px;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n.newsletter {\n  border-top: 1px solid var(--grey-line);\n  padding-top: 26px;\n}\n\n.newsletter p {\n  font-size: 14.5px;\n  color: var(--grey);\n  margin-bottom: 14px;\n}\n\n.newsletter form {\n  display: flex;\n  gap: 0;\n  border-bottom: 1px solid var(--ink);\n  padding-bottom: 10px;\n}\n\n.newsletter input {\n  flex: 1;\n  border: none;\n  background: none;\n  font-size: 15px;\n  font-family: var(--font-body);\n  color: var(--ink);\n  padding: 6px 0;\n}\n\n.newsletter input:focus {\n  outline: none;\n}\n\n.newsletter button {\n  background: none;\n  border: none;\n  font-size: 14.5px;\n  font-weight: 600;\n  cursor: pointer;\n  color: var(--rose-deep);\n}\n\n=================FOOTER=================\n\n\/* footer {\n    background: var(--plum);\n    color: #EADFE4;\n    padding: 80px 0 30px;\n  }\n\n  .footer-top {\n    display: grid;\n    grid-template-columns: 1.2fr 1fr 1fr 1fr;\n    gap: 40px;\n    padding-bottom: 56px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.15);\n  }\n\n  @media(max-width:760px) {\n    .footer-top {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  .footer-top .logo {\n    color: #fff;\n    margin-bottom: 14px;\n  }\n\n  .footer-top p {\n    font-size: 14px;\n    color: #C9B9C2;\n    max-width: 32ch;\n  }\n\n  .footer-col h5 {\n    font-size: 13px;\n    text-transform: none;\n    color: #fff;\n    font-weight: 600;\n    margin-bottom: 16px;\n    font-family: var(--font-body);\n  }\n\n  .footer-col a {\n    display: block;\n    font-size: 14.5px;\n    color: var(--paper2);\n    margin-bottom: 11px;\n    transition: color .2s ease;\n  }\n\n  .footer-col a:hover {\n    color: #fff;\n  }\n\n  .footer-bottom {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-top: 26px;\n    flex-wrap: wrap;\n    gap: 12px;\n    font-size: 13px;\n    color: #9A8695;\n  }\n\n  .footer-bottom a {\n    color: #9A8695;\n  }\n\n  .footer-bottom a:hover {\n    color: #fff;\n  }\n\n  \/* utility *\/\n.center {\n  text-align: center;\n}\n\n.eyebrow-link {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--rose-deep);\n}\n\n*\/\n\n\/* ================= ANGEBOT \/ CONVERSION ================= *\/\n.system-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 18px;\n  margin-top: 40px;\n}\n\n.system-col.change-wide {\n  grid-column: 1\/-1;\n  min-height: 0;\n}\n\n.system-col.change-wide .change-products {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0;\n}\n\n@media(max-width:900px) {\n  .system-col.change-wide {\n    grid-column: auto\n  }\n\n  .system-col.change-wide .change-products {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media(max-width:900px) {\n  .system-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n.system-col {\n  border: 1px solid var(--grey-line);\n  background: var(--paper);\n  padding: 30px;\n  display: flex;\n  flex-direction: column;\n  min-height: 430px;\n}\n\n.system-col .system-kicker {\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  color: var(--rose-deep);\n  margin-bottom: 14px;\n}\n\n.system-col h3 {\n  font-size: 28px;\n  line-height: 1.1;\n  margin-bottom: 10px;\n}\n\n.system-col>p {\n  font-size: 14.5px;\n  color: var(--grey);\n  margin: 0 0 22px;\n  line-height: 1.6;\n}\n\n.training-link {\n  display: block;\n  padding: 16px 0;\n  border-top: 1px solid var(--grey-line);\n}\n\n.training-link b {\n  display: block;\n  font-size: 15px;\n  margin-bottom: 4px;\n}\n\n.training-link span {\n  font-size: 12.5px;\n  color: var(--grey);\n}\n\n.training-link:hover b {\n  color: var(--rose-deep);\n}\n\n.system-col .system-cta {\n  margin-top: auto;\n  padding-top: 24px;\n}\n\n.other-paths {\n  margin-top: 24px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n}\n\n@media(max-width:900px) {\n  .other-paths {\n    grid-template-columns: 1fr;\n  }\n}\n\n.other-path {\n  border: 1px solid var(--grey-line);\n  background: #fff;\n  padding: 28px;\n  display: flex;\n  flex-direction: column;\n  min-height: 210px;\n}\n\n.other-path .system-kicker {\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  color: var(--rose-deep);\n  margin-bottom: 12px;\n}\n\n.other-path h3 {\n  font-size: 25px;\n  line-height: 1.15;\n  margin-bottom: 10px;\n}\n\n.other-path p {\n  font-size: 14px;\n  color: var(--grey);\n  line-height: 1.6;\n  margin: 0 0 20px;\n}\n\n.other-path .btn-text {\n  margin-top: auto;\n  align-self: flex-start;\n}\n\n\/* ================= ANGEBOT \/ AKKORDEON ================= *\/\n.angebot-accordion {\n  border-top: 1px solid var(--grey-line);\n  margin-top: 34px;\n}\n\n.angebot-accordion-item {\n  border-bottom: 1px solid var(--grey-line);\n  background: var(--paper);\n}\n\n.angebot-accordion-item summary {\n  list-style: none;\n  cursor: pointer;\n  display: grid;\n  grid-template-columns: 58px 1fr 28px;\n  align-items: center;\n  gap: 22px;\n  padding: 25px 4px;\n}\n\n.angebot-accordion-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.angebot-number {\n  font-family: var(--font-display);\n  font-size: 15px;\n  color: var(--rose-deep);\n}\n\n.angebot-summary-copy {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n.angebot-overline {\n  font-size: 11px;\n  line-height: 1.2;\n  font-weight: 700;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n  color: var(--cyan);\n  margin-bottom: 1px;\n}\n\n.angebot-summary-copy strong {\n  font-size: 23px;\n  line-height: 1.15;\n  font-weight: 500;\n}\n\n.angebot-summary-copy em {\n  font-style: normal;\n  font-size: 14px;\n  color: var(--grey);\n  line-height: 1.5;\n  max-width: 72ch;\n}\n\n.angebot-plus {\n  width: 20px;\n  height: 20px;\n  position: relative;\n  justify-self: end;\n}\n\n.angebot-plus:before,\n.angebot-plus:after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 16px;\n  height: 1px;\n  background: var(--ink);\n  transform: translate(-50%, -50%);\n  transition: transform .2s ease;\n}\n\n.angebot-plus:after {\n  transform: translate(-50%, -50%) rotate(90deg);\n}\n\n.angebot-accordion-item[open] .angebot-plus:after {\n  transform: translate(-50%, -50%) rotate(0deg);\n}\n\n.angebot-accordion-content {\n  padding: 0 50px 28px 80px;\n  max-width: 900px;\n}\n\n.angebot-accordion-content>p {\n  font-size: 14.5px;\n  color: var(--grey);\n  margin: 0 0 18px;\n  line-height: 1.6;\n}\n\n.angebot-accordion-content .training-link {\n  padding: 14px 0;\n}\n\n@media(max-width:700px) {\n  .angebot-accordion-item summary {\n    grid-template-columns: 36px 1fr 24px;\n    gap: 12px;\n    padding: 21px 0;\n  }\n\n  .angebot-summary-copy strong {\n    font-size: 20px;\n  }\n\n  .angebot-summary-copy em {\n    font-size: 13.5px;\n  }\n\n  .angebot-accordion-content {\n    padding: 0 0 24px 48px;\n  }\n}\n\n\n.special-offers {\n  margin-top: 40px;\n  padding: 34px 0 0;\n}\n\n.special-offers-head {\n  margin-bottom: 18px;\n}\n\n.trust-top h2,\n.special-offers-head h3 {\n  font-size: 28px;\n  line-height: 1.15;\n  margin: 0;\n}\n\n.special-offers-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 18px;\n}\n\n@media(max-width:760px) {\n  .special-offers-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n.special-offer {\n  border: 1px solid var(--grey-line);\n  background: var(--soft);\n  padding: 28px;\n  display: flex;\n  flex-direction: column;\n  min-height: 210px;\n}\n\n.special-offer .kicker {\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  color: var(--rose-deep);\n  margin-bottom: 10px;\n}\n\n.special-offer h4 {\n  font-size: 25px;\n  line-height: 1.15;\n  margin: 0 0 10px;\n}\n\n.special-offer p {\n  font-size: 14px;\n  line-height: 1.6;\n  color: var(--grey);\n  margin: 0 0 20px;\n}\n\n.special-offer .btn-text {\n  margin-top: auto;\n  align-self: flex-start;\n}\n\n.enterprise-strip {\n  margin-top: 18px;\n  background: var(--plum);\n  color: #fff;\n  padding: 34px;\n  display: grid;\n  grid-template-columns: 1.25fr .75fr;\n  gap: 30px;\n  align-items: center;\n}\n\n@media(max-width:760px) {\n  .enterprise-strip {\n    grid-template-columns: 1fr;\n  }\n}\n\n.enterprise-strip h3 {\n  font-size: 28px;\n  color: var(--paper-2)\n}\n\n.enterprise-strip p {\n  color: var(--cream-card);\n  margin: 10px 0 0;\n  max-width: 62ch;\n}\n\n.enterprise-strip .btn {\n  justify-self: end;\n  background: #fff;\n  color: var(--plum) !important;\n}\n\n@media(max-width:760px) {\n  .enterprise-strip .btn {\n    justify-self: start;\n  }\n}\n\n.meta-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 12px;\n}\n\n.meta-pills span {\n  font-size: 11.5px;\n  border: 1px solid var(--grey-line);\n  padding: 6px 9px;\n  border-radius: 999px;\n  color: var(--grey);\n}\n\n.case-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n  margin-top: 10px;\n}\n\n@media(max-width:900px) {\n  .case-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n.case-card {\n  background: var(--paper);\n  border: 1px solid var(--grey-line);\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n}\n\n.case-visual {\n  height: 150px;\n  background: var(--plum);\n  position: relative;\n  overflow: hidden;\n}\n\n.case-visual img {\n  width: 100%;\n  height: 100%;\n  aspect-ratio: 16\/9;\n  object-fit: cover;\n}\n\n\n.case-card:nth-child(2) .case-visual {\n  background: var(--rose-deep);\n}\n\n.case-card:nth-child(3) .case-visual {\n  background: #2d7480;\n}\n\n\/* \n  .case-visual:before {\n    position: absolute;\n    left: 24px;\n    bottom: 18px;\n    color: #fff;\n    font-family: var(--font-display);\n    font-size: 34px;\n    opacity: .94;\n  } *\/\n\n\/* .case-card:nth-child(1) .case-visual:before {\n    content: \"KOSTAL\";\n  }\n\n  .case-card:nth-child(2) .case-visual:before {\n    content: \"APERTO\";\n  }\n\n  .case-card:nth-child(3) .case-visual:before {\n    content: \"NEW WORK SE\";\n  } *\/\n\n.case-copy {\n  padding: 40px;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n.case-copy .kicker {\n  font-size: 12px;\n  color: var(--rose-deep);\n  font-weight: 700;\n  margin-bottom: 10px;\n}\n\n.case-copy h3 {\n  font-size: 25px;\n  line-height: 1.15;\n  margin-bottom: 14px;\n}\n\n.case-copy p {\n  color: var(--grey);\n  line-height: 1.6;\n  font-size: 14px;\n}\n\n.case-result {\n  border-top: 1px solid var(--grey-line);\n  margin-top: 18px;\n  padding-top: 16px;\n  font-size: 13px;\n  color: var(--ink);\n  line-height: 1.5;\n}\n\n.case-result b {\n  display: block;\n  margin-bottom: 5px;\n}\n\n.case-copy .btn-text {\n  margin-top: auto;\n  padding-top: 22px;\n}\n\n.method-flow {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 0;\n  border: 1px solid rgba(255, 255, 255, .18);\n  margin-top: 36px;\n}\n\n@media(max-width:760px) {\n  .method-flow {\n    grid-template-columns: 1fr;\n  }\n}\n\n.method-step {\n  padding: 28px;\n  border-right: 1px solid rgba(255, 255, 255, .18);\n}\n\n.method-step:last-child {\n  border-right: 0;\n}\n\n@media(max-width:760px) {\n  .method-step {\n    border-right: 0;\n    border-bottom: 1px solid rgba(255, 255, 255, .18)\n  }\n\n  .method-step:last-child {\n    border-bottom: 0;\n  }\n}\n\n.method-step .num {\n  font-size: 12px;\n  color: var(--cyan);\n  font-weight: 700;\n  margin-bottom: 12px;\n}\n\n.method-step h3 {\n  font-size: 22px;\n  color: #fff;\n}\n\n.method-step p {\n  font-size: 14px;\n  color: var(--paper2);\n  line-height: 1.55;\n}\n\n.audience-note {\n  font-size: 13px;\n  color: var(--grey);\n  margin-top: 12px;\n}\n\n.cta-band {\n  background: var(--rose);\n  color: #fff;\n  padding: 34px 0;\n}\n\n.cta-band .wrap {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 24px;\n}\n\n@media(max-width:700px) {\n  .cta-band .wrap {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n.cta-band h3 {\n  font-size: 27px;\n}\n\n.cta-band p {\n  margin: 6px 0 0;\n  color: rgba(255, 255, 255, .82);\n}\n\n.cta-band .btn {\n  background: #fff;\n  color: var(--rose-deep) !important;\n}\n\n\n\/* ================= BILD-DRAMATURGIE ================= *\/\n.image-break {\n  padding: 0;\n  background: var(--paper);\n}\n\n.image-break .training-photo {\n  height: min(62vw, 620px);\n  min-height: 380px;\n  background: #d8d0d3;\n  position: relative;\n  overflow: hidden;\n}\n\n.image-break .training-photo img {\n  display: block;\n  height: 100%;\n  width: 100%;\n  max-width: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.image-break .training-photo:after,\n.method-photo:after {\n  content: attr(data-label);\n  position: absolute;\n  left: 22px;\n  bottom: 18px;\n  background: rgba(39, 39, 39, .82);\n  color: #fff;\n  padding: 9px 12px;\n  font-size: 12px;\n  letter-spacing: .02em;\n}\n\n\/* .image-break .training-photo:before {\n    content: \"ECHTER TRAININGSMOMENT\";\n    position: absolute;\n    inset: 0;\n    display: grid;\n    place-items: center;\n    font-family: var(--font-display);\n    font-size: clamp(28px, 5vw, 62px);\n    color: rgba(39, 26, 34, .32);\n  } *\/\n\n.method-gallery {\n  display: grid;\n  grid-template-columns: 1.2fr .8fr .8fr;\n  gap: 8px;\n  margin: 38px 0 46px;\n}\n\n.method-photo {\n  height: 250px;\n  background: rgba(255, 255, 255, .12);\n  position: relative;\n  overflow: hidden;\n}\n\n.method-photo img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.method-photo:first-child {\n  height: 310px;\n  margin-top: -30px;\n}\n\n\/* .method-photo:before {\n    content: \"FOTO\";\n    position: absolute;\n    inset: 0;\n    display: grid;\n    place-items: center;\n    font-family: var(--font-display);\n    font-size: 34px;\n    color: rgba(255, 255, 255, .28);\n  } *\/\n\n\/* .case-visual:after {\n    content: \"Case-Foto, falls vorhanden\";\n    position: absolute;\n    right: 16px;\n    top: 14px;\n    color: rgba(255, 255, 255, .75);\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: .08em;\n  } *\/\n\n@media(max-width:760px) {\n  .method-gallery {\n    grid-template-columns: 1fr\n  }\n\n  .method-photo,\n  .method-photo:first-child {\n    height: 220px;\n    margin-top: 0\n  }\n\n  .image-break .training-photo {\n    min-height: 300px\n  }\n\n}\n<\/style>\n\n<main id=\"top\" class=\"start-redo\">\n\n  <!-- ================= HERO ================= -->\n  <section class=\"hero\">\n    <div class=\"wrap hero-grid\">\n      <div>\n        <div class=\"hero-eyebrow\">Leadership, Communication, and Collaboration<\/div>\n        <h1>We train what remains uniquely human.<\/h1>\n        <p class=\"lede\">The more AI and new technologies change the way we work, the more important the things they cannot do for us become: leading people. Truly listening. Having difficult conversations. Delivering presentations that persuade. Resolving conflicts. Shaping change together. yuii develops leaders, employees and teams precisely where human skills make the difference.      <\/p>\n        <div class=\"hero-ctas\">\n          <a href=\"https:\/\/calendar.app.google\/pzgn6RnB7s1jvERJA\" target=\"_blank\" class=\"btn\">Book an intro call<\/a>\n<a href=\"https:\/\/www.yuii.de\/en\/trainings\/\" class=\"btn-text\">Explore our programmes<\/a>\n        <\/div>\n        <p class=\"hero-proof\">Based in Berlin since 2011 &#8211; working with clients such as Flaconi, Shiseido and Gr\u00fcner Punkt.<\/p>\n      <\/div>\n      <div class=\"hero-photo\">\n          <div class=\"photo\">\n            <img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2021\/08\/Yuiihighfive@2048px-1.jpg\"\/>\n            <!-- <div class=\"duotone\"><\/div>\n                        <div class=\"grain\"><\/div> -->\n\n            <div class=\"cap\">The founders of yuii Sabine Zelm and Madeleine Yoran<\/div>\n          <\/div>\n        <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= TRUST BAR ================= -->\n  <section class=\"trust\">\n    <div class=\"wrap\">\n      <div class=\"trust-top\">\n        <h2>Companies that trust yuii.<\/h2>\n        <p>From scale-ups to global companies: yuii gets leadership, communication and collaboration moving.<\/p>\n      <\/div>\n      <div class=\"logo-row\">\n        <div class=\"logo-row-item\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2026\/09\/cplace_Logo_RGB_blue_web-scaled-1-e1790085661433.png\" alt=\"cplace logo\"\/>\n        <\/div>\n           <div class=\"logo-row-item\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2026\/09\/Etribes_-_Entrepreneurs_for_your_business-e1790085822318.jpg\" alt=\"Etribes Logo\"\/>\n        <\/div>\n           <div class=\"logo-row-item\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2024\/07\/Idealo_logo_blau_auf_transparent_2015.png\" alt=\"Idealo Logo\"\/>\n        <\/div>\n           <div class=\"logo-row-item\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2021\/08\/Shiseido_logo.png\" alt=\"Shiseido Logo\"\/>\n        <\/div>\n           <div class=\"logo-row-item\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2021\/08\/Flaconi_Logo_300px.png\" alt=\"Flaconi Logo\"\/>\n        <\/div>\n           <div class=\"logo-row-item\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2024\/07\/2560px-BerlinHyp2013.svg.png\" alt=\"Berliner Hyp Logo\"\/>\n        <\/div>\n           <div class=\"logo-row-item\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2021\/05\/Kostal_logo.png\" alt=\"kostal logo\"\/>\n        <\/div>\n           <div class=\"logo-row-item\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2021\/08\/Download-des-NEW-WORK-SE-Logos-im-RGB-Format.png\" alt=\"New Work Logo\" style=\"height: 50px\"\/>\n        <\/div>\n           <div class=\"logo-row-item\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2021\/08\/MisterSpex_Logo_600.png\" alt=\"Mister Spex Logo\"\/>\n        <\/div>\n           <div class=\"logo-row-item\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2026\/09\/gruener-punkt-logo.svg\" alt=\"Green Dot logo\"\/>\n        <\/div>\n           <div class=\"logo-row-item\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2021\/05\/wooga-logo_400px.png\" alt=\"Wooga Logo\"\/>\n        <\/div>\n        <div class=\"logo-row-item\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2021\/04\/HelloFresh-logo-a2a149bdc1548e071bb89411547914ca-e1618732071996.png\" alt=\"Hello Fresh logo\"\/>\n          <\/div>\n      <\/div>\n      <div class=\"stats\">\n        <div class=\"stat\"><b>15,000+<\/b><span>Training sessions<\/span><\/div>\n        <div class=\"stat\"><b>350+<\/b><span>Corporate customers<\/span><\/div>\n        <div class=\"stat\"><b>12<\/b><span>Coaches<\/span><\/div>\n      <\/div>\n      \n    <\/div>\n  <\/section>\n\n  <!-- ================= BEDARF + ANGEBOT ================= -->\n  <section class=\"thema\" id=\"angebot\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <h2>Where do you want to see change in your organisation?<\/h2>\n        <p>Perhaps new leaders need to find their feet faster. Conflicts need to be addressed earlier. Employees need to communicate with greater impact. Or a team needs to navigate change more effectively. Start with what is not working well enough right now \u2013 and we\u2019ll show you how we work on it.    <\/p>\n      <\/div>\n\n      <div class=\"angebot-accordion\" aria-label=\"yuii Angebote\">\n        <details class=\"angebot-accordion-item\">\n          <summary>\n            <span class=\"angebot-number\">01<\/span>\n            <span class=\"angebot-summary-copy\">\n              <span class=\"angebot-overline\">Leadership Development <\/span><strong>Leadership starts before the title<\/strong>\n              <em>When people step into leadership for the first time, or experienced leaders face new challenges, expertise alone is not enough. We help them feel confident in their role and strengthen the skills effective leadership requires every day. <\/em>\n            <\/span>\n            <span class=\"angebot-plus\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"angebot-accordion-content\">\n            <a href=\"https:\/\/www.yuii.de\/en\/leadership-essentials\/\" class=\"training-link\"><b>Leadership Essentials <\/b><span>For new &#038; aspiring leaders<\/span><\/a>\n            <a href=\"https:\/\/www.yuii.de\/en\/advanced-leadership\/\" class=\"training-link\"><b>Advanced Leadership <\/b><span>For experienced leaders<\/span><\/a>\n            <a href=\"https:\/\/www.yuii.de\/en\/trainings\/coaching-skills-for-managers\/\" class=\"training-link\"><b>Coaching Skills for Leaders <\/b><span>Develop employees effectively<\/span><\/a>\n            <a href=\"https:\/\/www.yuii.de\/en\/trainings\/feedback-training-for-managers\/\" class=\"training-link\"><b>Feedback Training for Leaders<\/b> <span>Give clear and effective feedback &#038; feedforward<\/span><\/a>\n            <a href=\"https:\/\/www.yuii.de\/en\/trainings\/young-leadership-camp\/\" class=\"training-link\"><b>Young Leadership Camp<\/b> <span>Develop future leaders<\/span><\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"angebot-accordion-item\">\n          <summary>\n            <span class=\"angebot-number\">02<\/span>\n            <span class=\"angebot-summary-copy\">\n              <span class=\"angebot-overline\">Communication Training <\/span><strong>Speak clearly when it matters<\/strong>\n              <em>When feedback does not land, conflicts simmer or difficult topics are avoided, collaboration suffers. We strengthen people\u2019s ability to listen, speak plainly and handle challenging conversations constructively. <\/em>\n            <\/span>\n            <span class=\"angebot-plus\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"angebot-accordion-content\">\n            \n            <a href=\"https:\/\/www.yuii.de\/en\/trainings\/communication-training\/\" class=\"training-link\"><b>Communication Training<\/b> <span>Clear, constructive and appropriate to the situation<\/span><\/a>\n            <a href=\"https:\/\/www.yuii.de\/en\/extreme-listening\/\" class=\"training-link\"><b>Extreme Listening <\/b><span>Listening as a real skill<\/span><\/a>\n            <a href=\"https:\/\/www.yuii.de\/en\/trainings\/conflict-management\/\" class=\"training-link\"><b>Conflict Management <\/b><span>Handle difficult conversations with confidence<\/span><\/a>\n            <a href=\"https:\/\/www.yuii.de\/en\/trainings\/feedback-training\/\" class=\"training-link\"><b>Feedback Training <\/b><span>Make feedback effective<\/span><\/a>\n            <a href=\"https:\/\/www.yuii.de\/en\/trainings\/female-empowerment\/\" class=\"training-link\"><b>Female Empowerment <\/b><span>Build strengths and expand room for action<\/span><\/a>\n            <a href=\"https:\/\/www.yuii.de\/en\/trainings\/improvisation-skills-as-key-competency\/\" class=\"training-link\"><b>Improvisation Skills for Business <\/b><span>Respond and collaborate more flexibly<\/span><\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"angebot-accordion-item\">\n          <summary>\n            <span class=\"angebot-number\">03<\/span>\n            <span class=\"angebot-summary-copy\">\n              <span class=\"angebot-overline\">Public Speaking &#038; Presentation Training <\/span><strong>Good content alone does not persuade<\/strong>\n              <em>When expertise, ideas or decisions fail to have the desired impact, the issue is often how they are communicated. We build presence and presentation skills so messages land clearly and people persuade their audiences. <\/em>\n            <\/span>\n            <span class=\"angebot-plus\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"angebot-accordion-content\">\n            \n            <a href=\"https:\/\/www.yuii.de\/en\/trainings\/presentation-training-basics\/\" class=\"training-link\"><b>Presentation Training &#8211; Basics<\/b> <span>The foundations of persuasive presentations<\/span><\/a>\n<a href=\"https:\/\/www.yuii.de\/en\/trainings\/presentation-training-advanced\/\" class=\"training-link\"><b>Presentation Training &#8211; Advanced <\/b><span>Develop your impact with purpose<\/span><\/a>\n<a href=\"https:\/\/www.yuii.de\/en\/trainings\/presentation-training-presenting-virtually\/\" class=\"training-link\"><b>Presenting Virtually <\/b><span>Be present and persuasive online, too<\/span><\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"angebot-accordion-item\">\n          <summary>\n            <span class=\"angebot-number\">04<\/span>\n            <span class=\"angebot-summary-copy\">\n              <span class=\"angebot-overline\">Self-Leadership <\/span><strong>Stay clear-headed when demands pile up<\/strong>\n              <em>Heavy workloads, competing priorities and constant change challenge people every day. We strengthen self-leadership, reflection and resilience so employees and leaders can stay focused and take effective action under pressure. <\/em>\n            <\/span>\n            <span class=\"angebot-plus\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"angebot-accordion-content\">\n            <a href=\"https:\/\/www.yuii.de\/en\/trainings\/resilience-training-muddy-hands-clear-mind\/\" class=\"training-link\"><b>Resilience Training <\/b><span>Deal constructively with pressure and change<\/span><\/a>\n<a href=\"https:\/\/www.yuii.de\/en\/trainings\/self-reflection-personality-development\/\" class=\"training-link\"><b>Self-reflection <\/b><span>Recognise your own patterns and expand your options<\/span><\/a>\n<a href=\"https:\/\/www.yuii.de\/en\/trainings\/time-and-self-management\/\" class=\"training-link\"><b>Time &#038; Self-Management <\/b><span>Set priorities and work more effectively<\/span><\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"angebot-accordion-item\">\n          <summary>\n            <span class=\"angebot-number\">05<\/span>\n            <span class=\"angebot-summary-copy\">\n              <span class=\"angebot-overline\">Change &#038; Transformation <\/span><strong>Change takes more than a plan<\/strong>\n              <em>New strategies, structures and processes work only when people understand and support them. We help teams and leaders provide direction, deal with uncertainty and put change into practice in everyday work. <\/em>\n            <\/span>\n            <span class=\"angebot-plus\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"angebot-accordion-content\">\n            <a href=\"https:\/\/www.yuii.de\/en\/trainings\/change-transformation-training\/\" class=\"training-link\"><b>Change &#038; Transformation <\/b><span>Training and workshops for teams and organisations going through change<\/span><\/a>\n          <\/div>\n        <\/details>\n\n        <details class=\"angebot-accordion-item\">\n          <summary>\n            <span class=\"angebot-number\">06<\/span>\n            <span class=\"angebot-summary-copy\">\n              <span class=\"angebot-overline\">Business Coaching <\/span><strong>Some challenges call for more than training<\/strong>\n              <em>New roles, difficult decisions and entrenched situations do not always have standard solutions. In confidential one-to-one coaching, specialists and leaders work through specific challenges and their next steps in development. <\/em>\n            <\/span>\n            <span class=\"angebot-plus\" aria-hidden=\"true\"><\/span>\n          <\/summary>\n          <div class=\"angebot-accordion-content\">\n            <a href=\"https:\/\/www.yuii.de\/en\/coaching\/yuii-business-coaching\/\" class=\"training-link\"><b>1:1 Business-Coaching <\/b><span>Individual support for specific professional challenges and development steps<\/span><\/a>\n          <\/div>\n        <\/details>\n      <\/div>\n\n\n      <div class=\"special-offers\">\n        <div class=\"special-offers-head\">\n          <h3>What else yuii offers<\/h3>\n        <\/div>\n        <div class=\"special-offers-grid\">\n          <article class=\"special-offer\">\n            <div class=\"kicker\">rehersal<\/div>\n            <h4>1:1 Female Speaker Coaching<\/h4>\n            <p>For women preparing for specific speaking engagements or presentations who want to strengthen their presence, sharpen their message and remain fully themselves.<\/p>\n            <a href=\"https:\/\/www.yuii.de\/rehersal\/\" class=\"btn-text\">Learn more<\/a>\n          <\/article>\n          <article class=\"special-offer\">\n            <div class=\"kicker\">For trainers<\/div>\n            <h4>yuii Training Programme for (Future) Trainers<\/h4>\n            <p>We offer what may be the most hands-on trainer development programme in the world. For people who do not just want to deliver training, but make it genuinely effective. <\/p>\n            <a href=\"https:\/\/www.yuii.de\/trainer-ausbildung\/\" class=\"btn-text\">Learn more<\/a>\n          <\/article>\n        <\/div>\n      <\/div>\n\n      <div class=\"enterprise-strip\">\n        <div><h3>Sometimes, one training session is just the beginning.<\/h3><p>We are happy to design learning journeys with you, combining training, workshops, peer learning, coaching and transfer \u2013 tailored to your organisation and the skills your people need today and tomorrow.<\/p><\/div>\n        <a href=\"https:\/\/www.yuii.de\/en\/contact\/\" class=\"btn\">Plan a programme together<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"cta-band\">\n    <div class=\"wrap\">\n      <div>\n        <h3>Not sure which training is the right fit?<\/h3>\n        <p style=\"margin-bottom: 20px;\">In a free initial consultation, we clarify your needs, target group and the format that makes sense.<\/p>\n        <a href=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2026\/09\/yuii_PortfolioUeberblick_.pdf\" target=\"_blank\" class=\"btn-text\">Download the training portfolio<\/a>\n      <\/div>\n      <div class=\"cta-actions\"><a href=\"https:\/\/calendar.app.google\/pzgn6RnB7s1jvERJA\" class=\"btn\" target=\"_blank\">Book an intro call<\/a><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= PRINZIP \/ METHODE ================= -->\n    <!-- ================= VISUELLER BREAK ================= -->\n  <!-- <section class=\"image-break\" aria-label=\"yuii im Training\">\n    <div class=\"wrap\">\n        <div class=\"training-photo\" data-label=\"\">\n          <img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2025\/05\/IMG_7718.jpg\">        \n      <\/div>\n    <\/div>\n  <\/section> -->\n\n<section class=\"prinzip\" id=\"prinzip\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <div class=\"eyebrow-link\" style=\"color:var(--cyan)\">The yuii principle<\/div>\n        <h2>Understanding alone doesn\u2019t change behaviour.<\/h2>\n        <p>That\u2019s why at yuii we don\u2019t just talk about leadership, communication or conflict \u2013 we practise it. In a safe environment, participants work on real situations from their day-to-day work, try out new approaches, experience their own impact and receive precise feedback. Step by step, knowledge turns into new behaviour.  <\/p>\n      <\/div>\n      <!-- <div class=\"method-gallery\" aria-label=\"Das yuii Prinzip in Bildern\">\n        <div class=\"method-photo\" data-label=\"Reale Situation \/ Ausprobieren\">\n                      <img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2026\/09\/IMG_3960.jpg\">\n        <\/div>\n        <div class=\"method-photo\" data-label=\"Feedback & Re-Run\">\n                      <img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2026\/09\/8DFCBB18-CC85-4E8D-BDAA-BC352C230D6F_4_5005_c-1.jpeg\">\n\n        <\/div>\n        <div class=\"method-photo\" data-label=\"Reflexion \/ Transfer\">\n                      <img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2025\/05\/IMG_9608.jpg\">\n\n        <\/div>\n      <\/div> -->\n      <div class=\"method-flow\">\n        <div class=\"method-step\"><div class=\"num\">01<\/div><h3>Real situation<\/h3><p>Whenever possible, we train using participants\u2019 own cases and situations they genuinely encounter in their working lives.<\/p><\/div>\n        <div class=\"method-step\"><div class=\"num\">02<\/div><h3>Try it out<\/h3><p>Don\u2019t just talk about models, methods and mindset: experience the difference they make.<\/p><\/div>\n        <div class=\"method-step\"><div class=\"num\">03<\/div><h3>Feedback &#038; Re-Run<\/h3><p>Precise feedback \u2013 often using video \u2013 followed by another go straight away. That is how real development happens. <\/p><\/div>\n        <div class=\"method-step\"><div class=\"num\">04<\/div><h3>Transfer<\/h3><p>We offer follow-ups, peer-group sessions between modules and individual coaching to help embed learning in everyday work.<\/p><\/div>\n      <\/div>\n      <div style=\"margin-top: 30px;\">\n      <a href=\"https:\/\/www.yuii.de\/en\/yuii-principle\/\" class=\"btn-text\">Learn more<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= VERTRAUEN ================= -->\n  <section class=\"vertrauen\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <h2>What remains when the training is over?<\/h2>\n        <p>Good training does more than feel good in the moment. It changes how people lead, communicate and collaborate afterwards. Three examples from our work.  <\/p>\n      <\/div>\n      <div class=\"case-grid\">\n        <article class=\"case-card\">\n          <div class=\"case-visual\">\n                          <img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2021\/09\/slider-startseite-unternehmen.jpg\"\/>\n          <\/div>\n          <div class=\"case-copy\">\n            <div class=\"kicker\">Leadership Development \u00b7 KOSTAL Group<\/div>\n            <h3>From emerging talent to confident leader.<\/h3>\n            <p><strong>Challenge:<\/strong> Future leaders should not have to figure out leadership only after stepping into the role. KOSTAL wanted to prepare them early for the situations they would genuinely face as leaders. <\/p>\n            <p><strong>yuii solution: <\/strong>Five intensive training days in which future leaders do more than learn about leadership \u2013 they practise it: using realistic situations, personal feedback and plenty of space to develop their own leadership style.<\/p>\n            <div class=\"case-result\"><b>Impact: <\/b>KOSTAL has worked with yuii to develop its emerging leaders since 2019. According to KOSTAL, the Leadership Camp consistently receives exceptionally positive feedback. <\/div>\n            <a href=\"https:\/\/www.yuii.de\/en\/clients\/strengthening-internal-management-trainees-the-kostal-group\/\" class=\"btn-text\">View case study<\/a>\n          <\/div>\n        <\/article>\n        <article class=\"case-card\">\n          <div class=\"case-visual\">\n                          <img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2021\/10\/APERTO_NB_3999-2048x1365.jpg\"\/>\n\n          <\/div>\n          <div class=\"case-copy\">\n            <div class=\"kicker\">Feedback Culture \u00b7 Aperto \/ IBM iX<\/div>\n            <h3>Don\u2019t just explain feedback \u2013 practise it.<\/h3>\n            <p><strong>Challenge: <\/strong>The aim was to strengthen a positive feedback culture across the entire organisation \u2013 from trainees to executives.<\/p>\n            <p><strong>yuii solution: <\/strong>Compact virtual learning sessions combining theory, a feedforward approach and hands-on practice using real cases from everyday work.<\/p>\n            <div class=\"case-result\"><b>Impact:<\/b> Participants were able to practise giving feedback immediately, receive individual feedback from the trainers and reflect together on what they had learned.<\/div>\n            <a href=\"https:\/\/www.yuii.de\/en\/clients\/establishing-an-even-more-positive-feedback-culture-aperto-goes-feedforward\/\" class=\"btn-text\">View case study<\/a>\n          <\/div>\n        <\/article>\n        <article class=\"case-card\">\n          <div class=\"case-visual\">\n                          <img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2021\/11\/NW-YP-63-2048x1365.jpg\"\/>\n\n          <\/div>\n          <div class=\"case-copy\">\n            <div class=\"kicker\">Self-Reflection \u00b7 NEW WORK SE<\/div>\n            <h3>Make self-reflection a skill people can truly experience.<\/h3>\n            <p><strong>Challenge: <\/strong>Employees were to reflect more effectively on their own behaviour, recognise their strengths and become more aware of key areas for development.<\/p>\n            <p><strong>yuii solution:<\/strong> Two intensive training days that make self-reflection tangible rather than abstract: using coaching elements, video feedback and Applied Improvisation, participants experience their own impact, recognise patterns and work specifically on their personal development areas.<\/p>\n            <div class=\"case-result\"><b>Impact:<\/b> More than 90% of participants recommended the training internally; yuii has worked with NEW WORK SE since 2014.<\/div>\n            <a href=\"https:\/\/www.yuii.de\/en\/clients\/reflect-upon-yourself-a-very-special-training-offer-for-new-work-se\/\" class=\"btn-text\">View case study<\/a>\n          <\/div>\n        <\/article>\n      <\/div>\n      <div class=\"testi-wrap\" style=\"margin-top:64px;\">\n        <div class=\"testi active\" data-index=\"0\">\n          <blockquote>\u201cThe modern, innovative design of the learning formats immediately engages our employees and supports both motivation and lasting learning success.\u201d<\/blockquote>\n<cite><b>Claudia Wemper<\/b> \u2013 HR Manager, Shiseido Group<\/cite>\n        <\/div>\n        <div class=\"testi\" data-index=\"1\">\n          <blockquote>\u201cWith yuii, we were able to establish a compact leadership development process that builds exactly the skills we need in our future leaders.\u201d<\/blockquote>\n<cite><b>Tiziana Cariglino<\/b> \u2013 Learning &#038; Development, Kostal Group<\/cite>\n        <\/div>\n        <div class=\"testi\" data-index=\"2\">\n          <blockquote>\u201cThe hands-on training combines humour with a high level of professionalism, creates a safe space and has a tangible impact on everyday work.\u201d<\/blockquote>\n<cite><b>Tessa Hollaender<\/b> &#8211; Human Resources, Sony Music Entertainment<\/cite>\n        <\/div>\n        <div class=\"testi\" data-index=\"3\">\n          <blockquote>\u201cThe mix of practical exercises, appreciative feedback and concrete tips helped our team develop professionally \u2013 and was genuinely fun.\u201d<\/blockquote>\n<cite><b>Sofie Todd<\/b> \u2013 Transformation &#038; Communication, Mercedes-Benz Real Estate<\/cite>\n        <\/div>\n        <div class=\"testi-controls\">\n          <button id=\"testiPrev\" aria-label=\"Vorheriges Zitat\">\u2039<\/button>\n          <div class=\"testi-dots\" id=\"testiDots\">\n            <!-- <span class=\"active\"><\/span> -->\n           <\/div>\n          <button id=\"testiNext\" aria-label=\"N\u00e4chstes Zitat\">\u203a<\/button>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ================= OFFENE TRAININGS ================= -->\n  <section id=\"trainings\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <h2>Open training in Berlin<\/h2>\n        <p>Many of our corporate training programmes are also available to individual employees and participants on scheduled dates in Berlin. <\/p>\n      <\/div>\n      <div class=\"termine-list\">\n        <div class=\"termin-row\">\n          <div class=\"date\">05.-06.11.<\/div>\n          <div>\n            <div class=\"title\">Leadership Essentials<\/div>\n            <div class=\"meta\">Berlin \u00b7 In-person<\/div>\n          <\/div>\n          <div class=\"meta\">2026<\/div>\n          <!-- <a href=\"https:\/\/www.yuii.de\/en\/request-for-an-open-training\/?training=Leadership%20Essentials\" class=\"btn-text cta\">Anfragen<\/a> -->\n        <\/div>\n        <div class=\"termin-row\">\n          <div class=\"date\">09.-10.11.<\/div>\n          <div>\n            <div class=\"title\">Advanced Leadership<\/div>\n            <div class=\"meta\">Berlin \u00b7 In-person<\/div>\n          <\/div>\n          <div class=\"meta\">2026<\/div>\n          <!-- <a href=\"https:\/\/www.yuii.de\/en\/request-for-an-open-training\/?training=Advanced%20Leadership\" class=\"btn-text cta\">Anfragen<\/a> -->\n        <\/div>\n        <div class=\"termin-row\">\n          <div class=\"date\">03.-04.12.<\/div>\n          <div>\n            <div class=\"title\">Presentation Training &#8211; Basics<\/div>\n            <div class=\"meta\">Berlin \u00b7 In-person<\/div>\n          <\/div>\n          <div class=\"meta\">2026<\/div>\n          <!-- <a href=\"https:\/\/www.yuii.de\/en\/request-for-an-open-training\/?training=Pr\u00e4sentationstraining%20Basics\" class=\"btn-text cta\">Anfragen<\/a> -->\n        <\/div>\n        <div style=\"margin-top: 30px;\">\n          <a href=\"https:\/\/www.yuii.de\/en\/open-trainings\/#termine\" class=\"btn-text cta\">View &#038; book open trainings<\/a>\n          <\/div>\n\n      <\/div>\n      \n    <\/div>\n  <\/section>\n\n  <!-- ================= TEAM ================= -->\n  <section id=\"team\">\n    <div class=\"wrap\">\n      <div class=\"section-head\">\n        <h2>The women behind yuii.<\/h2>\n        <p>Madeleine Yoran and Sabine Zelm founded yuii Business-Training together in 2011. Always part of the mix: their love of Applied Improvisation, a warm laugh and a passion for people who want to grow. <\/p>\n      <\/div>\n      <div class=\"team-grid\" style=\"grid-template-columns:repeat(2,minmax(0,260px));\">\n        <a href=\"https:\/\/www.yuii.de\/en\/staff\/madeleine-yoran\/\" class=\"team-card\"><div class=\"photo square\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2021\/08\/MadeleinePortrait1@1024px-square-768x768.jpg\"\/><div class=\"grain\"><\/div><\/div><h4>Madeleine Yoran<\/h4><span>Co-Founder<\/span><\/a>\n        <a href=\"https:\/\/www.yuii.de\/en\/staff\/sabine-zelm\/\" class=\"team-card\"><div class=\"photo square alt\"><img decoding=\"async\" src=\"https:\/\/www.yuii.de\/wp-content\/uploads\/2021\/08\/SabinePortrait1@1024px-square-768x768.jpg\"\/><div class=\"grain\"><\/div><\/div><h4>Sabine Zelm<\/h4><span>Co-Founder<\/span><\/a>\n      <\/div>\n      <p class=\"audience-note\" style=\"max-width:650px;margin-top:24px;\">Together with a network of experienced trainers, facilitators and business coaches, we put together the right team for every project.<\/p>\n      <div class=\"team-foot\">\n        <a href=\"https:\/\/www.yuii.de\/en\/team\/\" class=\"btn-text\">Meet the whole team<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= FINAL CTA ================= -->\n  <section class=\"final-cta\" id=\"kontakt\">\n    <div class=\"wrap final-inner\">\n      <div>\n        <h2>What do you want to change?<\/h2>\n        <p style=\"font-size:17px;color:var(--grey);max-width:52ch;margin:18px 0 0;line-height:1.65;\">Tell us where things are getting stuck, who needs to develop and what should be different afterwards. Together, we\u2019ll work out which training, coaching or development programme fits. <\/p>\n        <div class=\"ctas\">\n          <a href=\"mailto:hello@yuii.de\" class=\"btn-text\">Send an email<\/a>\n<a href=\"https:\/\/calendar.app.google\/pzgn6RnB7s1jvERJA\" target=\"_blank\" class=\"btn\">Book an intro call<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/main>\n\n<script>\n  \/\/ header scroll state\n  const header = document.getElementById('siteHeader');\n  window.addEventListener('scroll', () => {\n    header.classList.toggle('scrolled', window.scrollY > 10);\n  });\n\n  \/\/ \/\/ mobile menu\n  \/\/ const hamburgerBtn = document.getElementById('hamburgerBtn');\n  \/\/ const mobileMenu = document.getElementById('mobileMenu');\n  \/\/ hamburgerBtn.addEventListener('click', () => {\n  \/\/   mobileMenu.classList.toggle('open');\n  \/\/ });\n  \/\/ mobileMenu.querySelectorAll('a').forEach(a => {\n  \/\/   a.addEventListener('click', () => mobileMenu.classList.remove('open'));\n  \/\/ });\n\n  \/\/ testimonial carousel\n  const testis = Array.from(document.querySelectorAll('.testi'));\n  const dotsWrap = document.getElementById('testiDots');\n  let current = 0;\n  testis.forEach((_, i) => {\n    const dot = document.createElement('span');\n    if(i === 0) dot.classList.add('active');\n    dot.addEventListener('click', () => showTesti(i));\n    dotsWrap.appendChild(dot);\n  });\n  const dots = Array.from(dotsWrap.children);\n\n  function showTesti(i){\n    testis[current].classList.remove('active');\n    dots[current].classList.remove('active');\n    current = (i + testis.length) % testis.length;\n    testis[current].classList.add('active');\n    dots[current].classList.add('active');\n  }\n  document.getElementById('testiPrev').addEventListener('click', () => showTesti(current - 1));\n  document.getElementById('testiNext').addEventListener('click', () => showTesti(current + 1));\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Leadership, Communication, and Collaboration We train what remains uniquely human. The more AI and new technologies change the way we..<a href=\"https:\/\/www.yuii.de\/en\/\" class=\"more-link\">Continue<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-30113","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.yuii.de\/en\/wp-json\/wp\/v2\/pages\/30113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yuii.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yuii.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yuii.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yuii.de\/en\/wp-json\/wp\/v2\/comments?post=30113"}],"version-history":[{"count":25,"href":"https:\/\/www.yuii.de\/en\/wp-json\/wp\/v2\/pages\/30113\/revisions"}],"predecessor-version":[{"id":30228,"href":"https:\/\/www.yuii.de\/en\/wp-json\/wp\/v2\/pages\/30113\/revisions\/30228"}],"wp:attachment":[{"href":"https:\/\/www.yuii.de\/en\/wp-json\/wp\/v2\/media?parent=30113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yuii.de\/en\/wp-json\/wp\/v2\/categories?post=30113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yuii.de\/en\/wp-json\/wp\/v2\/tags?post=30113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}