.videoplakat-grid{position:relative;display:grid;grid-template-columns:repeat(var(--videoplakat-columns),minmax(0,1fr));gap:16px;padding:28px;background-color:#4778ad;background-image:radial-gradient(circle at 100% 0,rgba(29,88,148,.2) 0 5px,transparent 6px);background-size:23px 23px;border-radius:4px;overflow:hidden}
.videoplakat-videos-title{position:relative;z-index:1;grid-column:1/-1;margin:0 0 6px!important;color:#fff!important;font-size:clamp(1.7rem,4vw,2.6rem)!important;font-weight:800!important;line-height:1.05!important;text-transform:uppercase}
.videoplakat-card{position:relative;z-index:1;display:flex;flex-direction:column;padding:0;border:2px solid rgba(255,255,255,.75);border-radius:6px;overflow:hidden;background:#fff;color:#4778ad;text-align:left;box-shadow:0 2px 7px rgba(20,55,92,.24);cursor:pointer;transition:transform .18s,box-shadow .18s}
.videoplakat-card:hover,.videoplakat-card:focus-visible{transform:translateY(-3px);box-shadow:0 7px 17px rgba(20,55,92,.38);outline:3px solid rgba(255,255,255,.9);outline-offset:2px}
.videoplakat-heading{display:flex;align-items:center;gap:9px;min-height:58px;padding:8px 12px;background:linear-gradient(180deg,#fff 0,#f5f7f9 100%)}
.videoplakat-card-icon{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border:2px solid #4b9ed2;border-radius:50%;background:transparent;color:#4b9ed2;font-size:22px}
.videoplakat-card-icon .dashicons{width:auto;height:auto;font-size:22px}
.videoplakat-card-icon .videoplakat-custom-icon{width:29px;height:29px}
.videoplakat-title{display:block;color:#4b98cc;font-size:1.08rem;font-weight:750;line-height:1.12}
.videoplakat-image{position:relative;display:block;aspect-ratio:16/9;background:#222;overflow:hidden}
.videoplakat-image img,.videoplakat-placeholder{width:100%;height:100%;display:block;object-fit:cover}
.videoplakat-placeholder{background:linear-gradient(135deg,#333,#111)}
.videoplakat-play{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;display:grid;place-items:center;width:54px;height:54px;border:3px solid #fff;border-radius:50%;background:rgba(54,119,174,.9);color:#fff;font-size:28px;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:scale .2s}
.videoplakat-card:hover .videoplakat-play{scale:1.1}
.videoplakat-play .dashicons{width:auto;height:auto;font-size:30px}
.videoplakat-description{display:block;min-height:45px;padding:8px 12px 9px;border-top:1px solid #dce7ef;background:linear-gradient(180deg,#fff,#f4f7f9);color:#4b98cc;font-size:.85rem;line-height:1.25;text-align:left}
.videoplakat-description::before{content:'•';margin-right:7px;color:#4b9ed2;font-weight:700}
.videoplakat-flyers{margin-top:28px;padding:28px;background:#4778ad;background-image:radial-gradient(circle at 100% 0,rgba(29,88,148,.2) 0 5px,transparent 6px);background-size:23px 23px;border-radius:4px}
.videoplakat-flyers-title{position:relative;z-index:1;margin:0 0 22px!important;color:#fff!important;font-size:clamp(1.7rem,4vw,2.6rem)!important;font-weight:800!important;line-height:1.05!important;text-transform:uppercase}
.videoplakat-flyer-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--videoplakat-columns),minmax(0,1fr));gap:16px}
.videoplakat-flyer-card{display:flex;flex-direction:column;border:2px solid rgba(255,255,255,.75);border-radius:6px;overflow:hidden;background:#fff;color:#4b98cc!important;text-decoration:none!important;box-shadow:0 2px 7px rgba(20,55,92,.24);transition:transform .18s,box-shadow .18s}
.videoplakat-flyer-card:hover,.videoplakat-flyer-card:focus-visible{transform:translateY(-3px);box-shadow:0 7px 17px rgba(20,55,92,.38);outline:3px solid rgba(255,255,255,.9);outline-offset:2px}
.videoplakat-flyer-heading{display:flex;align-items:center;gap:9px;min-height:58px;padding:8px 12px;background:linear-gradient(180deg,#fff,#f5f7f9);color:#4b98cc;font-size:1.08rem;font-weight:750;line-height:1.12}
.videoplakat-flyer-icon{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border-radius:50%;background:#4b9ed2;color:#fff}
.videoplakat-flyer-icon .dashicons{width:auto;height:auto;font-size:23px}
.videoplakat-flyer-image{display:block;aspect-ratio:4/5;background:#e8eef3;overflow:hidden}
.videoplakat-flyer-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.videoplakat-flyer-placeholder{display:grid;place-content:center;justify-items:center;width:100%;height:100%;color:#4b98cc;background:linear-gradient(145deg,#fff,#dfeaf2)}
.videoplakat-flyer-placeholder .dashicons{width:auto;height:auto;font-size:58px}
.videoplakat-flyer-placeholder strong{margin-top:10px;font-size:1.4rem}
.videoplakat-modal[hidden]{display:none!important}
.videoplakat-modal{position:fixed!important;z-index:2147483647!important;inset:0!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:100vw!important;height:100vh!important;margin:0!important;padding:64px 24px 24px!important;background:#050505!important;isolation:isolate!important;transform:none!important}
.videoplakat-player{display:grid;place-items:center;width:100%;height:100%;max-width:none}
.videoplakat-player video,.videoplakat-player iframe{display:block;width:min(1200px,100%);max-width:100%;height:auto;max-height:calc(100vh - 88px);aspect-ratio:16/9;border:0;background:#000;box-shadow:0 0 40px rgba(0,0,0,.8)}
.videoplakat-player video{width:auto}
.videoplakat-close{position:fixed!important;z-index:2;top:12px;right:18px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid #fff;border-radius:50%;background:#111;color:#fff;font-size:38px;line-height:1;cursor:pointer}
.videoplakat-close:hover,.videoplakat-close:focus{background:#fff;color:#111}
html:has(body.videoplakat-open),body.videoplakat-open{overflow:hidden!important}
@media(max-width:900px){.videoplakat-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}
.videoplakat-flyer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.videoplakat-flyers{padding:20px}
}
@media(max-width:560px){.videoplakat-grid{grid-template-columns:1fr;gap:14px;padding:14px}
.videoplakat-flyer-grid{grid-template-columns:1fr;gap:14px}
.videoplakat-flyers{padding:14px}
.videoplakat-modal{padding:48px 12px 12px!important}
}