/* ==========================================================================
   VDX Hero (vdx-elements / packages/vdx-hero)
   --------------------------------------------------------------------------
   Flaeche + Textfarbe von '.vdx-hero' kommen aus VDX ThemeOptions
   (generiert, components.hero.main, inkl. Neubindung der Canvas-Rollen, ADR-20).
   Hier: Layout, Elemente, Surface-Modifier. Mobile-first, Breakpoints = ThemeOptions
   (md 768, lg 1024). Anpassbar ueber die --vdx-hero-* Variablen.
   ========================================================================== */

.vdx-hero {
	--vdx-hero-padding-inline: clamp(1.25rem, 8vw, 7.5rem);
	--vdx-hero-body-width: 100%;
	--vdx-hero-media-width: 100%;
	--vdx-hero-media-opacity: 0.2;
	--vdx-hero-fade-direction: to right;
	/* Fade: 6 Punkte auf der x-Achse, gleichmaessig ueber die Bildflaeche verteilt
	   (x1 = linke Kante 0 % ... x6 = rechte Inhaltskante 100 %).
	   Wert = Deckkraft des Bildes an diesem Punkt (0 = unsichtbar, 1 = voll). */
	--vdx-hero-fade-x1: 0;
	--vdx-hero-fade-x2: 0.04;
	--vdx-hero-fade-x3: 0.12;
	--vdx-hero-fade-x4: 0.24;
	--vdx-hero-fade-x5: 0.44;
	--vdx-hero-fade-x6: 0.8;
	--vdx-hero-media-overhang: 0px;      /* Bild ragt so weit ueber die rechte Inhaltskante hinaus */
	--vdx-hero-overhang-opacity: 0.15;   /* Deckkraft des ueberstehenden Teils */
	--vdx-hero-overhang-transition: 0px; /* Uebergang an der Inhaltskante: 0 = harte Kante */
	--vdx-hero-overhang-blur: 4px;       /* Unschaerfe des Ueberstands (= xs), Stufen siehe unten */
	--vdx-hero-title-color: var(--vdx-on-canvas, inherit);
	--vdx-hero-avatar-size: 2.5rem;
	--vdx-hero-media-blend: normal;
	--vdx-hero-tone-dark: var(--vdx-hero-title-color, #000); /* Schatten beim Bildton 'surface' */
	--vdx-hero-tone-light: var(--vdx-canvas, #fff);           /* Lichter beim Bildton 'surface' */
        --vdx-hero-media-scale: 2;

	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: var(--vdx-hero-padding-block) var(--vdx-hero-padding-inline);
	/* Bleed: bricht aus dem Innenabstand des Eltern-Elements aus (Default 0).
	   Wert setzt das Theme dort, wo es den Abstand kennt, z.B.
	   .site-content > .vdx-hero { --vdx-hero-bleed: 10px; } */
	margin-inline: calc(var(--vdx-hero-bleed, 0px) * -1);
}

/* --- Theme-Kompatibilitaet BuddyBoss ------------------------------------
   #content.site-content hat seitlich 10px Padding. Ein Hero direkt darin
   (z.B. ueber buddyboss_theme_begin_content) bricht per Bleed bis zum Rand aus.
   Nur direktes Kind: Heroes in .container oder Elementor-Sektionen bleiben unberuehrt. */
.site-content > .vdx-hero {
	--vdx-hero-bleed: 10px;
}

/* --- Groessen: vdx-hero--sm | --md (Default) | --lg ----------------------
   Jede Stufe bindet die Typo-Tokens der ThemeOptions-Rollen (--vdx-role-*)
   an die Hero-Elemente. CSS kann Variablennamen nicht zusammensetzen, daher
   je Stufe explizit. Fallbacks greifen nur ohne ThemeOptions-Tokens.

   Stufe | Titel        | Lead          | Eyebrow/Meta
   sm    | headline.sm  | body.md       | label.md
   md    | headline.md  | body.lg       | label.lg
   lg    | headline.lg  | title.lg      | label.lg        */

.vdx-hero,
.vdx-hero.vdx-hero--md {
	--vdx-hero-title-font: var(--vdx-role-headline-md-font, inherit);
	--vdx-hero-title-size: var(--vdx-role-headline-md-size, 1.75rem);
	--vdx-hero-title-line-height: var(--vdx-role-headline-md-line-height, 1.3);
	--vdx-hero-title-weight: var(--vdx-role-headline-md-weight, 400);
	--vdx-hero-title-transform: var(--vdx-role-headline-md-transform, none);
	--vdx-hero-lead-font: var(--vdx-role-body-lg-font, inherit);
	--vdx-hero-lead-size: var(--vdx-role-body-lg-size, 1rem);
	--vdx-hero-lead-line-height: var(--vdx-role-body-lg-line-height, 1.5);
	--vdx-hero-lead-weight: var(--vdx-role-body-lg-weight, 400);
	--vdx-hero-small-font: var(--vdx-role-label-lg-font, inherit);
	--vdx-hero-small-size: var(--vdx-role-label-lg-size, 0.875rem);
	--vdx-hero-small-line-height: var(--vdx-role-label-lg-line-height, 1.4);
	--vdx-hero-small-weight: var(--vdx-role-label-lg-weight, 400);
	--vdx-hero-padding-block: clamp(2rem, 3vw, 3.5rem);
}

.vdx-hero.vdx-hero--sm {
	--vdx-hero-title-font: var(--vdx-role-headline-sm-font, inherit);
	--vdx-hero-title-size: var(--vdx-role-headline-sm-size, 1.5rem);
	--vdx-hero-title-line-height: var(--vdx-role-headline-sm-line-height, 1.33);
	--vdx-hero-title-weight: var(--vdx-role-headline-sm-weight, 400);
	--vdx-hero-title-transform: var(--vdx-role-headline-sm-transform, none);
	--vdx-hero-lead-font: var(--vdx-role-body-md-font, inherit);
	--vdx-hero-lead-size: var(--vdx-role-body-md-size, 0.875rem);
	--vdx-hero-lead-line-height: var(--vdx-role-body-md-line-height, 1.43);
	--vdx-hero-lead-weight: var(--vdx-role-body-md-weight, 400);
	--vdx-hero-small-font: var(--vdx-role-label-md-font, inherit);
	--vdx-hero-small-size: var(--vdx-role-label-md-size, 0.75rem);
	--vdx-hero-small-line-height: var(--vdx-role-label-md-line-height, 1.33);
	--vdx-hero-small-weight: var(--vdx-role-label-md-weight, 400);
	--vdx-hero-padding-block: clamp(1.5rem, 2vw, 2.5rem);
}

.vdx-hero.vdx-hero--lg {
	--vdx-hero-title-font: var(--vdx-role-headline-lg-font, inherit);
	--vdx-hero-title-size: var(--vdx-role-headline-lg-size, 2rem);
	--vdx-hero-title-line-height: var(--vdx-role-headline-lg-line-height, 1.25);
	--vdx-hero-title-weight: var(--vdx-role-headline-lg-weight, 400);
	--vdx-hero-title-transform: var(--vdx-role-headline-lg-transform, none);
	--vdx-hero-lead-font: var(--vdx-role-title-lg-font, inherit);
	--vdx-hero-lead-size: var(--vdx-role-title-lg-size, 1.375rem);
	--vdx-hero-lead-line-height: var(--vdx-role-title-lg-line-height, 1.27);
	--vdx-hero-lead-weight: var(--vdx-role-title-lg-weight, 400);
	--vdx-hero-small-font: var(--vdx-role-label-lg-font, inherit);
	--vdx-hero-small-size: var(--vdx-role-label-lg-size, 0.875rem);
	--vdx-hero-small-line-height: var(--vdx-role-label-lg-line-height, 1.4);
	--vdx-hero-small-weight: var(--vdx-role-label-lg-weight, 400);
	--vdx-hero-padding-block: clamp(2.0rem, 3vw, 1rem);
}

/* --- Contained: Flaeche volle Breite, Inhalt + Bild im Theme-Container ---
   Der Container (z.B. BuddyBoss/Bootstrap '.container') liefert Breite und
   seitlichen Abstand; das Bild richtet sich an seiner rechten Kante aus. */

.vdx-hero--contained {
	padding-inline: 0;
	padding-block: 0;
}

/* Stage = Inhaltsbox des Containers (ohne dessen Padding). Das Bild richtet sich
   an ihrer rechten Kante aus, nicht an der Padding-Kante des Theme-Containers. */
.vdx-hero--contained .vdx-hero__stage {
	position: relative;
	padding-block: var(--vdx-hero-padding-block);
}

/* Frueher: Positionierung am Container selbst -> Bild stand um dessen Padding
   ueber die Inhaltskante hinaus.
.vdx-hero__container {
	position: relative;
	padding-block: var(--vdx-hero-padding-block);
}
*/

/* --- Inhalt ------------------------------------------------------------ */

.vdx-hero__inner {
	position: relative;
	z-index: 1;
	max-width: var(--vdx-hero-body-width);
}

/* Eyebrow: Typo-Rolle 'lead', Stufe md - unabhaengig von der Hero-Groesse.
   Anpassbar ueber --vdx-hero-eyebrow-*. */
.vdx-hero .vdx-hero__eyebrow {
	color: var(--vdx-on-canvas-muted, inherit);
	font-family: var(--vdx-hero-eyebrow-font, var(--vdx-role-lead-md-font, inherit));
	font-size: var(--vdx-hero-eyebrow-size, var(--vdx-role-lead-md-size, 1.25rem));
	font-weight: var(--vdx-hero-eyebrow-weight, var(--vdx-role-lead-md-weight, 300));
	line-height: var(--vdx-hero-eyebrow-line-height, var(--vdx-role-lead-md-line-height, 1.35));
}

.vdx-hero .vdx-hero__meta {
	color: var(--vdx-on-canvas-muted, inherit);
	font-family: var(--vdx-hero-small-font);
	font-size: var(--vdx-hero-small-size);
	font-weight: var(--vdx-hero-small-weight);
	line-height: var(--vdx-hero-small-line-height);
}

.vdx-hero .vdx-hero__eyebrow {
	margin: 0 0 0.5rem;
}

.vdx-hero__eyebrow-link {
	color: inherit;
	text-decoration: none;
}

.vdx-hero__eyebrow-link:hover,
.vdx-hero__eyebrow-link:focus-visible {
	text-decoration: underline;
}

/* Doppelte Klasse: schlaegt Theme-/Builder-Regeln wie '.elementor-kit-N h1' (0,1,1). */
.vdx-hero .vdx-hero__title {
	margin: 0;
	color: var(--vdx-hero-title-color);
	font-family: var(--vdx-hero-title-font);
	font-size: var(--vdx-hero-title-size);
	font-weight: var(--vdx-hero-title-weight);
	line-height: var(--vdx-hero-title-line-height);
	text-transform: var(--vdx-hero-title-transform);
}

.vdx-hero .vdx-hero__lead {
	margin-top: 0.75rem;
	color: var(--vdx-on-canvas, inherit);
	font-family: var(--vdx-hero-lead-font);
	font-size: var(--vdx-hero-lead-size);
	font-weight: var(--vdx-hero-lead-weight);
	line-height: var(--vdx-hero-lead-line-height);
}

.vdx-hero__lead > * {
	/* Theme-Absatzregeln (BuddyBoss/Elementor) nicht ueber die Textrolle legen. */
	font: inherit;
	color: inherit;
}

.vdx-hero__lead > :first-child {
	margin-top: 0;
}

.vdx-hero__lead > :last-child {
	margin-bottom: 0;
}

/* Fuss der Textspalte: Trennlinie oben; enthaelt Hook-Inhalte und die Autor-Zeile. */
.vdx-hero__footer {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid var(--vdx-canvas-border, color-mix(in srgb, currentColor 12%, transparent));
}

.vdx-hero__meta {
	display: flex;
	align-items: center;
	gap: 0.625rem;
}

.vdx-hero .vdx-hero__avatar {
	flex: none;
	width: var(--vdx-hero-avatar-size);
	height: var(--vdx-hero-avatar-size);
	border: 2px solid var(--vdx-canvas-card, #fff);
	border-radius: 50%;
	object-fit: cover;
}

.vdx-hero__author-link {
	color: inherit;
	text-decoration: none;
}

.vdx-hero__author-link:hover,
.vdx-hero__author-link:focus-visible {
	text-decoration: underline;
}

/* --- Medienbild: rechtsbuendig, volle Hoehe -------------------------- */

.vdx-hero__media {
	position: absolute;
	inset-block: 0;
	inset-inline-end: calc(var(--vdx-hero-media-overhang) * -1);
	z-index: 0;
	display: flex;
	justify-content: flex-end;
	width: calc(var(--vdx-hero-media-width) + var(--vdx-hero-media-overhang));
	margin: 0;
	opacity: var(--vdx-hero-media-opacity);
	/* Am Container, nicht am <img>: z-index/opacity bilden hier einen eigenen
	   Stacking-Context, ein Blend am Bild wuerde nur gegen Transparenz mischen. */
	mix-blend-mode: var(--vdx-hero-media-blend);
	pointer-events: none;
}

.vdx-hero .vdx-hero__image {
	display: block;
	width: auto;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
	transform: scale(var(--vdx-hero-media-scale, 1));
	transform-origin: right 30%;        
}

/* Verlinkter Titel: Farbe/Schrift vom Titel, Unterstreichung nur bei Hover/Fokus. */
.vdx-hero .vdx-hero__title-link {
	color: inherit;
	text-decoration: none;
}

.vdx-hero .vdx-hero__title-link:hover,
.vdx-hero .vdx-hero__title-link:focus-visible {
	text-decoration: underline;
}

/* Verlinktes Bild: Die Bildflaeche ist sonst nicht klickbar (pointer-events: none). */
.vdx-hero .vdx-hero__media-link {
	display: flex;
	justify-content: flex-end;
	height: 100%;
	pointer-events: auto;
}

/* Blur nur im Ueberstand: Pseudo-Element ueber dem ueberstehenden Teil mit
   backdrop-filter. Die Bildflaeche ist durch mask/opacity/blend ein Backdrop-Root,
   das Pseudo-Element sieht als Hintergrund also genau das Bild darunter.
   Ohne Ueberstand (Breite 0) entsteht nichts. */
.vdx-hero__media::after {
	content: "";
	position: absolute;
	inset-block: 0;
	inset-inline-end: 0;
	width: var(--vdx-hero-media-overhang);
	-webkit-backdrop-filter: blur(var(--vdx-hero-overhang-blur));
	backdrop-filter: blur(var(--vdx-hero-overhang-blur));
	pointer-events: none;
}

/* --- Bildton (media_tone) -------------------------------------------------
   grayscale: Graustufen am <img> (Maske/Blend liegen an der Bildflaeche).
              Teilweise: --vdx-hero-media-grayscale: 0.6;
   surface:   Duotone in Richtung Flaechenfarbe per SVG-Filter (je Hero im Template):
              Helligkeit des Bildes wird zwischen --vdx-hero-tone-dark (Schatten) und
              --vdx-hero-tone-light (Lichter) abgebildet. Transparenz bleibt erhalten
              (kein Farbrechteck bei PNGs). Die Farben setzt die jeweilige Surface.
              Ohne Filter-Referenz (z.B. altes Template) Fallback auf Graustufen. */
.vdx-hero--media-tone-grayscale .vdx-hero__image {
	filter: grayscale(var(--vdx-hero-media-grayscale, 1));
}

.vdx-hero--media-tone-surface .vdx-hero__image {
	filter: var(--vdx-hero-tone-filter, grayscale(1));
}

/* Filter-Definition unsichtbar, aber im DOM (display:none wuerde den Filter deaktivieren). */
.vdx-hero__filters {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.vdx-hero__tone-dark {
	flood-color: var(--vdx-hero-tone-dark);
}

.vdx-hero__tone-light {
	flood-color: var(--vdx-hero-tone-light);
}

/* Blur-Stufen des Ueberstands: Tailwind-v4-Skala (vdx-hero--overhang-blur-<stufe>). */
.vdx-hero.vdx-hero--overhang-blur-none { --vdx-hero-overhang-blur: 0px; }
.vdx-hero.vdx-hero--overhang-blur-xs   { --vdx-hero-overhang-blur: 4px; }
.vdx-hero.vdx-hero--overhang-blur-sm   { --vdx-hero-overhang-blur: 8px; }
.vdx-hero.vdx-hero--overhang-blur-md   { --vdx-hero-overhang-blur: 12px; }
.vdx-hero.vdx-hero--overhang-blur-lg   { --vdx-hero-overhang-blur: 16px; }
.vdx-hero.vdx-hero--overhang-blur-xl   { --vdx-hero-overhang-blur: 24px; }
.vdx-hero.vdx-hero--overhang-blur-2xl  { --vdx-hero-overhang-blur: 40px; }
.vdx-hero.vdx-hero--overhang-blur-3xl  { --vdx-hero-overhang-blur: 64px; }

/* Fade an der Bildflaeche (nicht am <img>), unabhaengig von der Flaechenfarbe:
   x1..x6 gleichmaessig bis zur Inhaltskante (dazwischen interpoliert der Browser),
   rechts ueber die Kante hinaus (Overhang) stark transparent - mit harter Kante
   (zwei Stopps an derselben Position), solange --vdx-hero-overhang-transition 0 ist.
   Staerke ueber die Fade-Stufen (vdx-hero--fade-soft | -default | -strong). */
.vdx-hero--media-fade .vdx-hero__media {
	--vdx-hero-fade-edge: calc(100% - var(--vdx-hero-media-overhang)); /* rechte Inhaltskante */
	--vdx-hero-fade-mask: linear-gradient(
		var(--vdx-hero-fade-direction),
		rgb(0 0 0 / var(--vdx-hero-fade-x1)) 0%,
		rgb(0 0 0 / var(--vdx-hero-fade-x2)) calc(var(--vdx-hero-fade-edge) * 0.2),
		rgb(0 0 0 / var(--vdx-hero-fade-x3)) calc(var(--vdx-hero-fade-edge) * 0.4),
		rgb(0 0 0 / var(--vdx-hero-fade-x4)) calc(var(--vdx-hero-fade-edge) * 0.6),
		rgb(0 0 0 / var(--vdx-hero-fade-x5)) calc(var(--vdx-hero-fade-edge) * 0.8),
		rgb(0 0 0 / var(--vdx-hero-fade-x6)) var(--vdx-hero-fade-edge),
		rgb(0 0 0 / var(--vdx-hero-overhang-opacity)) calc(var(--vdx-hero-fade-edge) + var(--vdx-hero-overhang-transition))
	);
	-webkit-mask-image: var(--vdx-hero-fade-mask);
	mask-image: var(--vdx-hero-fade-mask);
        margin-right: 0px;
}

/* Fade-Stufen: default = Basiswerte oben. */
.vdx-hero.vdx-hero--fade-soft {
	--vdx-hero-fade-x1: 0;
	--vdx-hero-fade-x2: 0.08;
	--vdx-hero-fade-x3: 0.2;
	--vdx-hero-fade-x4: 0.38;
	--vdx-hero-fade-x5: 0.65;
	--vdx-hero-fade-x6: 1;
}

.vdx-hero.vdx-hero--fade-strong {
	--vdx-hero-fade-x1: 0;
	--vdx-hero-fade-x2: 0.05;
	--vdx-hero-fade-x3: 0.15;
	--vdx-hero-fade-x4: 0.20;
	--vdx-hero-fade-x5: 0.30;
	--vdx-hero-fade-x6: 0.50;
	--vdx-hero-overhang-opacity: 0.10;
}

/* Ab md: Inhalt links, Bild rechts daneben (leicht ueberlappend). */
@media (min-width: 768px) {
    
        .vdx-hero {
            min-height: 325px;
        }
    
	.vdx-hero--has-media {
		--vdx-hero-body-width: 60%;
		--vdx-hero-media-width: 50%;
		--vdx-hero-media-opacity: 1;
	}

	/* Ueberstand nur mit Container: ohne Container ist die Inhaltskante der
	   Sektionsrand, ein Ueberstand wuerde dort nur abgeschnitten. Mobil aus. */
	.vdx-hero--contained.vdx-hero--has-media {
		--vdx-hero-media-overhang: 5rem;
	}
}

@media (min-width: 1024px) {
    
        .vdx-hero {
            min-height: 325px;
        }
    
	.vdx-hero--has-media {
		--vdx-hero-body-width: 55%;
	}
}

/* --- Surfaces: Flaeche = Rolle, Titel = on-Partner, Neubindung (ADR-20) ---
   Helle Surfaces (secondary, tertiary, muted): Fliesstext bleibt Body-Farbe,
   nur der Titel nimmt den Marken-Partner. Kraeftige Surfaces: alles on-Partner.
   Doppelte Klasse: sicher gegen den generierten '.vdx-hero'-Block. */

.vdx-hero.vdx-hero--surface-primary {
	--vdx-hero-tone-dark: color-mix(in srgb, var(--vdx-primary) 45%, #000);
	--vdx-hero-tone-light: color-mix(in srgb, var(--vdx-primary) 35%, #fff);
	--vdx-canvas: var(--vdx-primary);
	--vdx-on-canvas: var(--vdx-on-primary, #fff);
	--vdx-on-canvas-muted: color-mix(in srgb, var(--vdx-on-primary, #fff) 75%, transparent);
	--vdx-canvas-border: color-mix(in srgb, var(--vdx-on-primary, #fff) 20%, transparent);
	--vdx-hero-title-color: var(--vdx-on-primary, #fff);
	background-color: var(--vdx-primary);
	color: var(--vdx-on-primary, #fff);
}

.vdx-hero.vdx-hero--surface-accent {
	--vdx-hero-tone-dark: color-mix(in srgb, var(--vdx-accent) 45%, #000);
	--vdx-hero-tone-light: color-mix(in srgb, var(--vdx-accent) 35%, #fff);
	--vdx-canvas: var(--vdx-accent);
	--vdx-on-canvas: var(--vdx-on-accent);
	--vdx-on-canvas-muted: color-mix(in srgb, var(--vdx-on-accent) 75%, transparent);
	--vdx-canvas-border: color-mix(in srgb, var(--vdx-on-accent) 20%, transparent);
	--vdx-hero-title-color: var(--vdx-on-accent);
	background-color: var(--vdx-accent);
	color: var(--vdx-on-accent);
}

.vdx-hero.vdx-hero--surface-secondary {
	--vdx-hero-media-blend: multiply; /* weisser Bildhintergrund verschmilzt mit der Flaeche */
	--vdx-hero-tone-light: #fff; /* multiply faerbt Weiss in die Flaeche */
	--vdx-canvas: var(--vdx-secondary);
	--vdx-on-canvas: var(--vdx-on-canvas-body);
	--vdx-on-canvas-muted: color-mix(in srgb, var(--vdx-on-canvas-body) 70%, transparent);
	--vdx-canvas-border: color-mix(in srgb, var(--vdx-on-secondary) 15%, transparent);
	--vdx-hero-title-color: var(--vdx-on-secondary);
	background-color: var(--vdx-secondary);
	color: var(--vdx-on-canvas-body);
}

.vdx-hero.vdx-hero--surface-tertiary {
	--vdx-hero-media-blend: multiply; /* weisser Bildhintergrund verschmilzt mit der Flaeche */
	--vdx-hero-tone-light: #fff; /* multiply faerbt Weiss in die Flaeche */
	--vdx-canvas: var(--vdx-tertiary);
	--vdx-on-canvas: var(--vdx-on-canvas-body);
	--vdx-on-canvas-muted: color-mix(in srgb, var(--vdx-on-canvas-body) 70%, transparent);
	--vdx-canvas-border: color-mix(in srgb, var(--vdx-on-tertiary) 15%, transparent);
	--vdx-hero-title-color: var(--vdx-on-tertiary);
	background-color: var(--vdx-tertiary);
	color: var(--vdx-on-canvas-body);
}

.vdx-hero.vdx-hero--surface-muted {
	--vdx-hero-media-blend: multiply; /* weisser Bildhintergrund verschmilzt mit der Flaeche */
	--vdx-hero-tone-light: #fff; /* multiply faerbt Weiss in die Flaeche */
	--vdx-canvas: var(--vdx-muted);
	--vdx-on-canvas: var(--vdx-on-muted);
	--vdx-on-canvas-muted: color-mix(in srgb, var(--vdx-on-muted) 70%, transparent);
	--vdx-canvas-border: color-mix(in srgb, var(--vdx-on-muted) 15%, transparent);
	--vdx-hero-title-color: var(--vdx-primary);
	background-color: var(--vdx-muted);
	color: var(--vdx-on-muted);
}