/* EXT:tw_elements · taurerwirt/bildteaser */
/* ---------- 4.4 BILD-TEASER (Vollbild + Overlay) ---------- */
.tw-teaser {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid; place-items: center;
  min-height: clamp(520px, 92svh, 1150px);
  text-align: center;
  color: #fff;
}
/* Hintergrund (Bild/Video/Parallax): .tw-bg aus base.css; Abdunkelung im Backend einstellbar (--t-ov in %) */
.tw-teaser::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(0, 0, 0, calc(var(--t-ov, 40) / 100)); }
.tw-teaser--h-s { min-height: clamp(380px, 55svh, 700px); }
.tw-teaser--h-m { min-height: clamp(460px, 75svh, 950px); }
.tw-teaser--h-full { min-height: 100svh; }
.tw-teaser__content {
  display: flex; flex-direction: column; align-items: center;
  gap: clamp(36px, 10vh, 150px);
  padding: clamp(48px, 9vh, 130px) var(--tw-side);
}
.tw-teaser .tw-teaser__script {
  max-width: 19.5em;
  margin: 0;
  font-family: var(--font-family-script);
  font-size: clamp(2.3rem, 4.4vw, 4rem);
  line-height: 1.15;
  color: #fff;
  text-shadow: var(--tw-shadow);
}
.tw-teaser .tw-teaser__title {
  margin: 0;
  font-family: var(--font-family-headings);
  font-style: italic;
  font-weight: 500;
  font-size: clamp(2.4rem, 4.6vw, 4rem);
  line-height: 1.1;
  color: #fff;
  text-shadow: var(--tw-shadow);
}
.tw-teaser__link {
  display: inline-flex; flex-direction: column; align-items: center;
  font-family: var(--font-family-bold);
  font-weight: 700;
  font-size: clamp(1.5rem, 2.6vw, 2.25rem);
  line-height: 1.2;
  color: #fff;
  text-decoration: none;
  text-shadow: var(--tw-shadow);
  transition: color .2s;
}
.tw-teaser__link .tw-arrow { filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .4)); }
.tw-teaser__link:hover, .tw-teaser__link:focus-visible { color: var(--tw-gold); }
.tw-teaser__link:hover .tw-arrow { transform: translateX(10px); }