.video-datei video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.video-datei.hoch{aspect-ratio:4/5;max-height:85vh}.raster>.karte>.video-datei:first-child{border-radius:calc(var(--radius-karte) - 1px) calc(var(--radius-karte) - 1px) 0 0;width:calc(100% + 48px);max-width:none;margin:-24px -24px 16px}.karte>.video-datei+p{color:var(--c-tinte);margin:0 0 .15em;font-size:1.05rem;font-weight:700;line-height:1.35}.karte>.video-datei+p+p{color:var(--c-text-leise);margin:0 0 .7em;font-size:.85rem}@media (width<=560px){.raster>.karte>.video-datei:first-child{width:calc(100% + 40px);margin:-20px -20px 16px}}.video-karten{text-align:left;grid-template-columns:1fr;gap:20px;margin:0;display:grid}.abschnitt>div.video-karten{max-width:none;margin-left:0;margin-right:0}@media (width>=768px){.video-karten{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.video-karten{grid-template-columns:repeat(3,minmax(0,1fr))}}.video-karte{border-radius:var(--radius-karte);background:var(--c-akzent-tief);color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;border:0;flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.video-karte-bild{background:#000;width:100%;display:block;position:relative}.video-karte-bild img{aspect-ratio:4/3;object-fit:contain;border-radius:0;width:100%;height:auto;display:block}.video-karte-bild:after{content:"";background:#0f2a4a26;transition:background-color .2s;position:absolute;inset:0}.video-karte:hover .video-karte-bild:after{background:#0f2a4a0d}.video-karte-play{z-index:1;background:var(--c-akzent-tief);color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #fff3}.video-karte:hover .video-karte-play{transform:translate(-50%,-50%)scale(1.05)}.video-karte-play svg{width:28px;height:28px;margin-left:3px}.video-karte-text{padding:16px;display:block}.video-karte-name{color:#fff;font-size:15px;font-weight:700;line-height:1.5;display:block}.video-karte-dauer{color:#fffc;font-size:12px;line-height:1.5;display:block}dialog.video-dialog{color:#fff;box-sizing:border-box;background:0 0;border:0;width:100%;max-width:100vw;height:100%;max-height:100dvh;margin:0;padding:20px;overflow:hidden}dialog.video-dialog[open]{justify-content:center;align-items:center;display:flex}dialog.video-dialog::backdrop{background:#000000d9}.video-dialog-flaeche{width:100%;max-width:896px;position:relative}.video-dialog video{background:#000;border-radius:18px;width:100%;height:auto;max-height:85vh;display:block}.video-dialog-zu{z-index:1;color:#fff;cursor:pointer;background:#fff3;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;display:flex;position:absolute;top:20px;right:20px}.video-dialog-zu:hover{background:#ffffff59}dialog.video-dialog :is(video,button):focus-visible{outline-offset:3px!important;outline:3px solid #fff!important}html:has(dialog.video-dialog[open]){overflow:hidden}@media (prefers-reduced-motion:reduce){.video-karte-bild:after,.video-karte-play{transition:none}.video-karte:hover .video-karte-play{transform:translate(-50%,-50%)}}.video-karten~.raster:has(img[src*=five-star]){border-top:1px solid var(--c-linie-karte);justify-content:center;align-items:center;gap:12px;margin:32px 0 0;padding-top:48px;display:flex}.video-karten~.raster:has(img[src*=five-star])>div{width:auto;min-width:0}.video-karten~.raster:has(img[src*=five-star]) p{margin:0}.video-karten~.knopf-zeile{flex-direction:column;align-items:center;gap:23px;margin:24px 0 0}.video-karten~.knopf-zeile+p.t-14{text-align:center;color:var(--c-text);margin:23px 0 0}