Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
/* ==== ITF YouTube Short (Cinema, no-crop) ==== */
.itf-ytshort {
--itf-max-width: 740px; /* matches story column */
--itf-radius: 16px;
--itf-bg-blur: 24px;
--itf-bg-brightness: 0.6;
margin: 1.75rem auto;
max-width: var(--itf-max-width);
}
.itf-ytshort__frame {
position: relative;
width: 100%;
aspect-ratio: 16/9; /* fixed mask */
background: #0f1216;
border-radius: var(--itf-radius);
overflow: hidden;
}
/* Background fill */
.itf-ytshort__bg {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover;
object-position: 50% 20%; /* nudge if needed */
filter: blur(var(--itf-bg-blur)) brightness(var(--itf-bg-brightness));
transform: scale(1.1);
}
/* Center the phone and give a little breathing room from the rounded edges */
.itf-ytshort__phone {
position: absolute; inset: 0;
display: grid; place-items: center;
padding: 1rem; /* total vertical padding = 2rem */
}
/* ✅ Size-by-height so the phone NEVER exceeds the 16:9 mask */
.itf-ytshort__phone-inner {
height: calc(100% - 2rem); /* fit to the available frame height */
max-height: 92%; /* small safety margin */
aspect-ratio: 9/16; /* derive width from height */
width: auto; /* let aspect-ratio set width */
border-radius: calc(var(--itf-radius) + 2px);
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,.35);
background: #000;
}
/* Scoped iframe so global rules can't break it */
.itf-ytshort__iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
/* Optional caption */
.itf-ytshort__caption {
margin-top: .5rem;
font-size: .9375rem;
color: var(--itf-muted-foreground, #6b7280);
}
/* Fallback if aspect-ratio unsupported */
@supports not (aspect-ratio: 16/9) {
.itf-ytshort__frame { height: 0; padding-top: 56.25%; }
.itf-ytshort__bg, .itf-ytshort__phone { position: absolute; inset: 0; }
}
Verkehrsgewerkschaften, die mehr als 16,6 Millionen Beschäftigte weltweit vertreten, verabschieden globale Forderungen für die Nutzung von künstlicher Intelligenz im Verkehrssektor. Das heute in
Im gesamten Eisenbahnsektor und jedem Land der Welt gibt es im Eisenbahnsektor Beschäftigte mit Behinderung. Sie gehen täglich zur Arbeit und unterstützen den Betrieb wichtiger öffentlicher und
