/* PEC IT Lab Bremen homepage teaser */
.itlab-home-signal {
  padding: 34px max(36px, calc((100vw - 1488px) / 2));
  background: #04232c;
  color: #fff;
}
.itlab-home-signal > a {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr) auto;
  gap: 36px;
  align-items: center;
  min-height: 168px;
  padding: 18px 36px;
  border-top: 1px solid rgba(4,35,44,.28);
  border-bottom: 1px solid rgba(4,35,44,.28);
  color: inherit;
  text-decoration: none;
}
.itlab-home-signal figure { height: 132px; margin: 0; overflow: hidden; }
.itlab-home-signal img { width: 100%; height: 100%; object-fit: cover; object-position: center center; filter: saturate(.82); transition: transform .35s ease; }
.itlab-home-signal a:hover img { transform: scale(1.035); }
.itlab-home-signal a > div { min-width: 0; }
.itlab-home-signal span { display: block; margin-bottom: 11px; color: rgba(255,255,255,.82); font-size: 11px; line-height: 1.3; font-weight: 800; letter-spacing: .12em; }
.itlab-home-signal strong { display: block; max-width: 780px; font-size: clamp(28px, 2.7vw, 44px); line-height: 1.04; font-weight: 430; letter-spacing: -.045em; }
.itlab-home-signal p { margin: 13px 0 0; color: rgba(255,255,255,.76); font-size: 14px; line-height: 1.55; }
.itlab-home-signal a > b { display: flex; align-items: center; gap: 18px; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.8); font-size: 11px; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; }
.itlab-home-signal a > b i { color: #fff; font-size: 20px; font-style: normal; }
@media (min-width: 1181px) {
  .itlab-home-signal > a { width: clamp(960px, 62.5vw, 1200px); }
}
@media (min-width: 761px) and (max-width: 1180px) {
  .itlab-home-signal > a { width: 696px; grid-template-columns: 220px minmax(0, 1fr); column-gap: 28px; row-gap: 18px; }
  .itlab-home-signal figure { grid-row: 1 / 3; height: 100%; min-height: 160px; }
  .itlab-home-signal a > b { grid-column: 2; justify-self: start; }
  .itlab-home-signal strong { font-size: clamp(30px, 4vw, 38px); }
}
@media (max-width: 760px) {
  .itlab-home-signal { padding: 28px 36px; }
  .itlab-home-signal > a { grid-template-columns: 98px minmax(0,1fr); gap: 18px; min-height: 0; padding: 15px 0; }
  .itlab-home-signal figure { height: 112px; }
  .itlab-home-signal strong { font-size: 23px; line-height: 1.08; }
  .itlab-home-signal p { display: none; }
  .itlab-home-signal a > b { grid-column: 1 / -1; justify-self: start; }
}
