/* Video-Referenzen (live testimonial-card), Wistia-Fassade, Trustindex-Platzhalter. */
.ge-referenzen__grid { display: grid; align-items: initial; grid-template-columns: var(--grid-3); gap: var(--grid-gap); }
@media (max-width: 767px) { .ge-referenzen__grid { grid-template-columns: var(--grid-1); } }
.ge-referenz { row-gap: 0; border-radius: var(--radius); background-color: var(--neutral); overflow: hidden; } /* live: Video oben mit Kartenrundung */
.ge-referenz__inhalt { row-gap: var(--space-xs); padding: var(--space-m); }
.ge-referenz__name { font-size: var(--h4); color: var(--heading-color); font-weight: 400; }
.ge-referenz__text--klein { font-size: var(--text-s); } /* live testimonial-card__testimonial (Doorman-Vorlage, Leistungsseiten) */

.ge-wistia { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #141414; }
.ge-wistia__start { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; cursor: pointer; }
.ge-wistia__bild { width: 100%; height: 100%; object-fit: cover; border-radius: 0; display: block; }
.ge-wistia__knopf {
	position: absolute; left: 50%; top: 50%; width: 64px; height: 40px; transform: translate(-50%, -50%); border-radius: 6px;
	background: rgba(249, 222, 89, .85); /* live Wistia-Player: Knopf in der Player-Farbe (Kontoeinstellung), Sichtprüfung 24.10. */
}
.ge-wistia__knopf::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-35%, -50%); border-style: solid; border-width: 9px 0 9px 15px; border-color: transparent transparent transparent rgba(20, 20, 20, .85); }
.ge-wistia__start:hover .ge-wistia__knopf, .ge-wistia__start:focus-visible .ge-wistia__knopf { background: var(--primary); }
.ge-wistia iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ge-hero__wistia { width: 100%; }

/* Trustindex: Höhe des geladenen Widgets vorab reservieren (kein Layoutsprung; Werte = Live-Messung data/messmasken_beleg.json) */
.ge-ti { display: block; width: 100%; }
.ge-hero__bewertung .ge-ti { min-height: 21px; width: auto; }
.ge-ti--slider { min-height: 379.91px; }
.ge-fuss__widget .ge-ti { min-height: 101.5px; }
@media (max-width: 396px) { .ge-hero__bewertung .ge-ti { min-height: 41px; } } /* live erst ab 397 px einzeilig (Messung 17.10.) */
@media (max-width: 767px) {
	.ge-ti--slider { min-height: 432.91px; }
	.ge-fuss__widget .ge-ti { min-height: 103.78px; }
}

/* Live lädt die Bricks-Icon-Schrift themify; deren Regel trifft über das Präfix „ti-“ auch Trustindex (u. a. line-height: 1).
   Gleiche Ebene, gleiche Regel, damit die Widgets live gleich hoch werden. */
@layer bricks.icons {
	[class*=" ti-"], [class^=ti-] { speak: never; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-family: themify; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; }
}
