/* Seminar pages retain their original first slide; controls and motion are shared with index. */
.wb-hero-carousel #hero { margin: 0; padding-bottom: 76px; }
/* The first slide shares the outlined CTA styling, without the legacy link's touch offsets. */
.wb-hero-carousel #hero .hero-cta-link { margin: 0; align-self: center; }
.wb-hero-carousel #hero .hero-cta-link::after { content: none; }
@media (max-width: 480px) {
  /* Reserve two text lines for the full brochure label on every slide. */
  .wb-hero-carousel #hero .hero-cta-row > a,
  .wb-hero-carousel .home-hero-link { min-height: 64px; }
}
.wb-hero-carousel #hero[data-home-hero-theme="paper"] .hero-cta-link { color: var(--ink-800, #30253f); border-color: currentColor; }
.wb-hero-carousel #hero[data-home-hero-theme="paper"] .hero-cta-link:hover { background: rgba(48,37,63,.08); }

/* White introduction only: subsequent photo slides retain their existing design. */
.wb-hero-carousel--white-intro #hero {
  display: flex;
  align-items: center;
  min-height: 560px;
  padding: 64px 0 76px;
  background: #fff;
  color: var(--color-text, #1b1230);
  text-align: center;
}
.wb-hero-carousel--white-intro #hero .hero-photo,
.wb-hero-carousel--white-intro #hero .hero-overlay-dark { display: none; background: none; }
.wb-hero-carousel--white-intro #hero .container {
  display: block;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--gutter);
}
.wb-hero-carousel--white-intro #hero .hero-inner {
  max-width: 940px;
  margin: 0 auto;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.wb-hero-carousel--white-intro #hero h1 { color: var(--ink-900); text-shadow: none; }
.wb-hero-carousel--white-intro #hero .teaser-tag { color: var(--ink-600); }
.wb-hero-carousel--white-intro #hero .teaser-tag::before,
.wb-hero-carousel--white-intro #hero .teaser-tag::after { background: var(--ink-300); }
.wb-hero-carousel--white-intro #hero .hero-subtitle { color: var(--ink-700); }
.wb-hero-carousel--white-intro #hero .hero-claim { color: var(--color-body); }
.wb-hero-carousel--white-intro #hero .hero-divider { margin: 26px auto 0; background: var(--rule-2); }
.wb-hero-carousel--white-intro #hero .hero-cta-row { justify-content: center; }
.wb-hero-carousel--white-intro #hero .info-grid {
  max-width: 720px;
  margin: 0 auto;
  border-color: var(--rule-2);
}
.wb-hero-carousel--white-intro #hero .info-box {
  align-items: center;
  text-align: center;
  border-color: var(--rule);
}
.wb-hero-carousel--white-intro #hero .info-box:hover { background: rgba(27,22,38,.04); }
.wb-hero-carousel--white-intro #hero .info-label { color: var(--color-muted); }
.wb-hero-carousel--white-intro #hero .info-value { color: var(--ink-800); }
.wb-hero-carousel--white-intro #hero a:focus-visible { outline-color: var(--violet-500); }
.wb-hero-carousel--white-intro #hero .hero-vertrauen-text { color: var(--color-muted); border-color: var(--rule-2); }
.wb-hero-carousel--white-intro #hero .hero-vertrauen-logos { justify-content: center; }
.wb-hero-carousel--white-intro #hero .hero-vertrauen-logos img {
  opacity: .58;
  filter: grayscale(1) contrast(1.15);
  mix-blend-mode: multiply;
}
.wb-hero-carousel--white-intro #hero .hero-vertrauen-logos img:hover { opacity: .9; filter: grayscale(0); }
@media (max-width: 968px) {
  .wb-hero-carousel--white-intro #hero { min-height: 0; }
}
@media (max-width: 560px) {
  .wb-hero-carousel--white-intro #hero { padding: 48px 0 68px; }
}

/* References belong to the introduction, not to the carousel controls.
   Reclaim existing whitespace instead of increasing the hero's height.
   Heading sizes, CTA dimensions and the four course facts are retained. */
.wb-hero-carousel--trust #hero .container { padding-bottom: 0; }
.wb-hero-carousel--trust #hero h1 { margin-top: 12px; }
.wb-hero-carousel--trust #hero .hero-subtitle,
.wb-hero-carousel--trust #hero .hero-claim { margin-bottom: 0; }
.wb-hero-carousel--trust #hero .hero-divider { margin-top: 16px; }
.wb-hero-carousel--trust #hero .hero-cta-row { margin-top: 20px; margin-bottom: 12px; }
.wb-hero-carousel--trust #hero .info-box { padding-top: 14px; padding-bottom: 14px; }
/* Saved builder layouts already have tighter spacing. Recover the remaining
   space from their facts/panel padding, never from type or button dimensions. */
.wb-hero-carousel--trust[data-wb-intro-design] #hero .info-box { padding-top: 6px; padding-bottom: 6px; }
.wb-hero-carousel--trust[data-wb-intro-design="glaspaneel"]:not(.wb-hero-carousel--white-intro) #hero .hero-inner { padding-bottom: 16px; }
.wb-hero-carousel--trust #hero .wb-carousel-trust {
  margin: 14px auto 0;
  max-width: 720px;
  text-align: center;
}
.wb-hero-carousel--trust #hero .wb-carousel-trust-caption {
  margin: 0 0 8px;
  color: #d8d0e9;
  font: 600 11px/16px var(--font-sans, sans-serif);
  letter-spacing: .09em;
  text-transform: uppercase;
}
.wb-hero-carousel--trust #hero .wb-carousel-trust-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  height: 28px;
}
.wb-hero-carousel--trust #hero .wb-carousel-trust-logos img {
  flex: 0 0 auto;
  width: auto;
  height: 28px;
  object-fit: contain;
  opacity: .72;
  filter: grayscale(1) invert(1) brightness(1.9);
  mix-blend-mode: screen;
}
.wb-hero-carousel--trust #hero .wb-carousel-trust-logos [data-logo="unilever"],
.wb-hero-carousel--trust #hero .wb-carousel-trust-logos [data-logo="wittenstein"] { height: 26px; }
.wb-hero-carousel--trust #hero .wb-carousel-trust-logos [data-logo="google"] { height: 19px; }
.wb-hero-carousel--trust #hero .wb-carousel-trust-logos [data-logo="hitachi"] { height: 14px; }
.wb-hero-carousel--trust #hero .wb-carousel-trust-logos [data-logo="bayer"] { height: 24px; }
.wb-hero-carousel--trust #hero[data-home-hero-theme="paper"] .wb-carousel-trust-caption { color: #6b607d; }
.wb-hero-carousel--trust #hero[data-home-hero-theme="paper"] .wb-carousel-trust-logos img {
  opacity: .65;
  filter: grayscale(1) contrast(1.15);
  mix-blend-mode: multiply;
}
@media (max-width: 560px) {
  .wb-hero-carousel--trust #hero .wb-carousel-trust-caption { letter-spacing: 0; text-transform: none; }
  .wb-hero-carousel--trust #hero .wb-carousel-trust-logos { gap: 16px; }
  /* One calm row on small screens; no second band or additional animation. */
  .wb-hero-carousel--trust #hero .wb-carousel-trust-logos [data-logo="unilever"],
  .wb-hero-carousel--trust #hero .wb-carousel-trust-logos [data-logo="wittenstein"] { display: none; }
}

/* Rebalance the standard photo/white introduction inside the existing frame:
   use the generous top space for clearer separation below the CTAs and facts.
   Custom photo-panel layouts keep their own composition. */
.wb-hero-carousel--trust:not([data-wb-intro-design]) #hero { padding-top: 48px; }
.wb-hero-carousel--trust.wb-hero-carousel--white-intro #hero { padding-top: 32px; }
.wb-hero-carousel--trust:is(:not([data-wb-intro-design]), .wb-hero-carousel--white-intro) #hero .hero-cta-row { margin-bottom: 28px; }
.wb-hero-carousel--trust:is(:not([data-wb-intro-design]), .wb-hero-carousel--white-intro) #hero .wb-carousel-trust { margin-top: 30px; }
@media (max-width: 968px) {
  .wb-hero-carousel--trust:is(:not([data-wb-intro-design]), .wb-hero-carousel--white-intro) #hero { padding-top: 32px; }
}
@media (max-width: 560px) {
  .wb-hero-carousel--trust:is(:not([data-wb-intro-design]), .wb-hero-carousel--white-intro) #hero { padding-top: 24px; }
  .wb-hero-carousel--trust:is(:not([data-wb-intro-design]), .wb-hero-carousel--white-intro) #hero .hero-cta-row { margin-bottom: 24px; }
  .wb-hero-carousel--trust:is(:not([data-wb-intro-design]), .wb-hero-carousel--white-intro) #hero .wb-carousel-trust { margin-top: 26px; }
}

.wb-hero-carousel .home-hero-feature { padding-top: 64px; padding-bottom: 76px; }
.wb-carousel-quote { margin: 0 auto 16px; max-width: 780px; }
.wb-carousel-quote blockquote {
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  font: 400 23px/1.5 var(--font-serif, serif);
  letter-spacing: 0;
}
.wb-carousel-quote figcaption { display: flex; justify-content: center; align-items: center; gap: 12px; font: 400 14px/1.5 var(--font-sans, sans-serif); }
.wb-carousel-quote figcaption span span { display: block; }
.wb-carousel-quote figcaption strong { color: #fff; }
.wb-carousel-quote .wb-carousel-avatar { width: 48px; height: 48px; object-fit: cover; border-radius: 50%; }
.wb-hero-carousel .wb-carousel-source { margin: 0 0 20px; color: #fff; font: 400 13px/1.5 var(--font-sans, sans-serif); }
@media (min-width: 769px) {
  .wb-hero-carousel .home-hero-feature { padding-left: 104px; padding-right: 104px; }
}
@media (max-width: 768px) {
  .wb-hero-carousel .home-hero-feature { padding-top: 36px; padding-bottom: 68px; }
  .wb-carousel-quote blockquote { font-size: 19px; }
}