/* One card occupies the same slot as the first card of a two-column gallery. */
.ibu-video-gallery {
  --ibu-video-card-width:calc((100% - 24px) / 2);
  width:100%; min-width:0; padding-inline:15px;
}
.ibu-video-gallery__inner { min-width:0; }
.ibu-video-gallery__track {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:stretch;
}
.ibu-video-gallery--ready .ibu-video-gallery__track {
  grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:var(--ibu-video-card-width);
  overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain; scrollbar-width:none;
}
.ibu-video-gallery__track::-webkit-scrollbar { display:none; }
.ibu-video-gallery__track:focus-visible { outline:2px solid #c02178; outline-offset:4px; }
.ibu-video-gallery__track > .ibu-video-element {
  width:100%!important; max-width:100%!important; min-width:0;
  margin:0!important; padding:0!important; flex:none;
  display:flex; scroll-snap-align:start;
  visibility:visible!important; animation:none!important;
}
.ibu-video-gallery .ibu-video { width:100%; max-width:100%; height:100%; margin:0; }
.ibu-video-gallery__controls { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:22px; }
.ibu-video-gallery__arrow {
  order:1; display:grid; place-items:center; width:40px; height:40px; padding:0;
  border:1px solid #d3dce2; border-radius:50%; background:transparent; color:#bb1d73; cursor:pointer;
}
.ibu-video-gallery__arrow svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; }
.ibu-video-gallery__arrow:hover:not(:disabled) { border-color:#c02178; background:#fcecf5; }
.ibu-video-gallery__arrow:disabled { opacity:.35; cursor:default; }
.ibu-video-gallery__arrow:focus-visible { outline:2px solid #76b83e; outline-offset:4px; }
.ibu-video-gallery__status {
  order:0; min-width:0; margin-right:auto; text-align:left; color:#626b7d;
  font:400 12px/1.6 var(--ibu-type-family,Montserrat,Arial,sans-serif);
}
.ibu-video-gallery [hidden] { display:none!important; }
/* Keep the title and description rows aligned when card copy has different lengths. */
@supports(grid-template-rows:subgrid) {
  .ibu-video-gallery__track { grid-template-rows:repeat(4,auto); row-gap:0; }
  .ibu-video-gallery__track > .ibu-video-element { display:grid; grid-row:span 4; grid-template-rows:subgrid; }
  .ibu-video-gallery .ibu-video { display:grid; grid-row:1 / span 4; grid-template-rows:subgrid; }
  .ibu-video-gallery .ibu-video__frame { grid-row:1; }
  .ibu-video-gallery .ibu-video__title { grid-row:2; }
  .ibu-video-gallery .ibu-video__caption,.ibu-video-gallery .ibu-video::after { grid-row:3; }
  .ibu-video-gallery .ibu-video__privacy,.ibu-video-gallery .ibu-video noscript { grid-row:4; }
}
@media(max-width:767px) {
  .ibu-video-gallery { --ibu-video-card-width:100%; }
  .ibu-video-gallery__track { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .ibu-video-gallery__track { scroll-behavior:auto; } }

/* Shared homepage player and playlist presentation. */
.ibu-video-gallery--home { --ibu-video-card-width:100%; padding:0; }
.ibu-video-gallery__inner { display:flex; flex-direction:column; }
.ibu-video-gallery__track { order:0; }
.ibu-video-gallery--home .ibu-video-gallery__controls { order:1; }
.ibu-home-journal__playlist { order:2; }
.ibu-video-gallery__track { grid-template-rows:none; grid-auto-columns:var(--ibu-video-card-width); column-gap:24px; align-items:stretch; }
.ibu-video-gallery__track > .ibu-video-element { display:block; grid-row:auto; grid-template-rows:none; opacity:1!important; transform:none!important; }
.ibu-video-gallery .ibu-video { display:flex; height:100%; grid-row:auto; grid-template-rows:none; border:0; border-radius:16px; background:#203a4b; color:#fff; }
.ibu-video-gallery .ibu-video__frame { aspect-ratio:16/9; border-radius:16px 16px 0 0; }
.ibu-video-gallery .ibu-video__frame::after { content:none; position:absolute; z-index:2; top:18px; left:18px; padding:5px 10px; border:1px solid rgb(255 255 255 / .35); border-radius:4px; background:rgb(19 40 55 / .7); color:#fff; font-size:10px; line-height:1.6; letter-spacing:.09em; pointer-events:none; }
.ibu-video-gallery .ibu-video[data-loaded="true"] .ibu-video__frame::after { display:none; }
.ibu-video-gallery .ibu-video__placeholder::after { background:linear-gradient(180deg,rgb(14 30 44 / .08) 25%,rgb(14 30 44 / .18) 65%,rgb(14 30 44 / .6)); }
.ibu-video-gallery .ibu-video .ibu-video__load { flex-direction:row; align-items:flex-end; justify-content:flex-start; gap:18px; padding:26px; }
.ibu-video-gallery .ibu-video__play-icon { width:76px; height:76px; border:0; color:#fff; background:#c02178; box-shadow:0 0 0 10px rgb(255 255 255 / .19),0 12px 35px rgb(16 29 39 / .25); }
.ibu-video-gallery .ibu-video__play-icon svg { width:29px; height:29px; }
.ibu-video-gallery .ibu-video__load:hover .ibu-video__play-icon { background:#a91b67; }
.ibu-video-gallery .ibu-video__play-label { display:none; }
.ibu-video-gallery .ibu-video__title { padding:20px 24px 0; color:#fff; font-size:22px; line-height:1.4; letter-spacing:-.025em; }
.ibu-video-gallery .ibu-video__caption { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:0; padding:6px 24px 20px; color:#d6e0e6; font-size:12px; line-height:1.75; }
.ibu-video-gallery .ibu-video__privacy { color:#d6e0e6; }
.ibu-video-gallery .ibu-video__privacy a { color:#fff; }
.ibu-video-gallery--home .ibu-video-gallery__controls { margin-top:13px; gap:9px; }
.ibu-video-gallery--home .ibu-video-gallery__status { color:#647480; font-size:11px; }
.ibu-video-gallery--home .ibu-video-gallery__status::before { content:'Videos entdecken'; margin-right:14px; color:#203a4b; font-weight:600; }
.ibu-video-gallery--home .ibu-video-gallery__arrow { width:32px; height:32px; color:#203a4b; background:#fff; }
.ibu-video-gallery--home .ibu-video-gallery__arrow svg { width:16px; height:16px; }
.ibu-video-gallery .ibu-video__frame::after{content:none}
.ibu-video-gallery .ibu-home-journal__playlist{order:2}
@media(max-width:599px){.ibu-video-gallery .ibu-video__load{padding:20px}.ibu-video-gallery .ibu-video__play-icon{width:58px;height:58px;box-shadow:0 0 0 7px #ffffff30}.ibu-video-gallery .ibu-video__play-icon svg{width:24px;height:24px}.ibu-video-gallery .ibu-video__title{padding:17px 18px 0;font-size:18px}.ibu-video-gallery .ibu-video__caption{padding:5px 18px 17px;font-size:11px}}
@supports(grid-template-rows:subgrid){
 .ibu-video-gallery:not(.ibu-video-gallery--home) .ibu-video-gallery__track{grid-template-rows:repeat(4,auto);row-gap:0}
 .ibu-video-gallery:not(.ibu-video-gallery--home) .ibu-video-gallery__track>.ibu-video-element{display:grid;grid-row:span 4;grid-template-rows:subgrid}
 .ibu-video-gallery:not(.ibu-video-gallery--home) .ibu-video{display:grid;grid-row:1 / span 4;grid-template-rows:subgrid}
}