/* Isolated Video-des-Monats feature. The rest of the portal layout stays unchanged. */
.portal-card-video-month{display:block;width:100%;padding:0;border:0;text-align:left;font:inherit;cursor:pointer;background:#151211}
.portal-card-video-month>img{object-position:50% 18%}
.portal-card-video-month .portal-shade{background:linear-gradient(180deg,rgba(10,8,8,.08) 18%,rgba(10,8,8,.94) 88%)}
.portal-video-copy{position:absolute;z-index:2;inset:auto 28px 28px;display:block;color:#fff}
.portal-video-title{display:block;margin-top:8px;font-family:var(--font-display),Arial,sans-serif;font-size:clamp(1.55rem,2.2vw,1.95rem);font-weight:800;line-height:1.02;text-transform:uppercase}
.portal-video-song{display:block;margin:5px 0 19px;color:#fff;font-size:.9rem;font-weight:700;line-height:1.35}
.portal-video-link{font-size:.74rem;font-weight:800;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px}
.video-month-play{position:absolute;z-index:3;top:22px;right:22px;display:grid;place-items:center;width:54px;height:54px;padding-left:3px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(12,10,10,.72);color:#fff;font-size:1.15rem;box-shadow:0 8px 26px rgba(0,0,0,.25);transition:background .2s ease,transform .2s ease}
.portal-card-video-month:hover .video-month-play{background:var(--pink,#ff6680);transform:scale(1.04)}
.portal-card-video-month:focus-visible,.video-month-dialog button:focus-visible,.video-month-dialog a:focus-visible{outline:3px solid #9f2941;outline-offset:4px}

.video-month-dialog{width:min(1040px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:10px;overflow:auto;background:#f7f3ee;color:#171312;box-shadow:0 25px 100px rgba(0,0,0,.45)}
.video-month-dialog::backdrop{background:rgba(21,16,19,.76);backdrop-filter:blur(3px)}
.video-month-close{position:sticky;z-index:5;top:12px;float:right;display:grid;place-content:center;width:42px;height:42px;margin:12px 12px -54px 0;padding:0;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(16,13,13,.86);color:#fff;font:29px/1 Arial,sans-serif;box-shadow:0 3px 14px rgba(0,0,0,.25);cursor:pointer}
.video-month-player{clear:both;position:relative;min-height:0;aspect-ratio:16/9;background:#111;overflow:hidden}
.video-month-player iframe{border:0}
.video-month-player>button{display:grid;gap:6px;justify-items:center;width:min(360px,calc(100% - 32px));padding:18px 22px;border:1px solid rgba(255,255,255,.5);border-radius:4px;background:#9f2941;color:#fff;text-align:center;box-shadow:0 10px 32px rgba(0,0,0,.28)}
.video-month-player>button strong{font-size:1rem}
.video-month-player>button span{font-size:.76rem;font-weight:500;line-height:1.45;color:rgba(255,255,255,.88)}
.video-month-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:38px;padding:40px}
.video-month-copy{min-width:0}
.video-month-kicker{margin:0 0 10px!important;color:#9f2941!important;font-size:.72rem!important;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.video-month-copy h2{margin:0 0 16px;font-family:var(--font-display),Arial,sans-serif;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.02;text-transform:uppercase}
.video-month-copy .video-month-lead{margin:0 0 30px;color:#665b56;font-size:1.12rem;font-weight:650;line-height:1.55}
.video-month-copy h3,.video-month-aside h3{margin:30px 0 12px;font-family:var(--font-display),Arial,sans-serif;font-size:1.35rem;line-height:1.2;text-transform:uppercase}
.video-month-copy p,.video-month-aside p{margin:0 0 18px;font-size:1rem;line-height:1.72}
.video-month-copy blockquote{margin:22px 0;padding:4px 0 4px 20px;border-left:4px solid var(--pink,#ff6680);color:#4f4743;font-size:1rem;font-style:italic;line-height:1.7}
.video-month-aside{min-width:0;align-self:start;padding:16px;background:#fff;border-top:4px solid var(--pink,#ff6680);box-shadow:0 12px 35px rgba(22,16,14,.08)}
.video-month-aside>img{display:block;width:100%;height:auto;aspect-ratio:10/11;object-fit:cover}
.video-month-aside h3{margin-top:20px}
.video-month-aside p{font-size:.93rem;line-height:1.65}
.video-month-links{display:grid;gap:9px;margin-top:22px}
.video-month-links a{display:block;padding:13px 14px;border:1px solid #ded2cc;background:#f8f3ef;color:#171312;font-size:.83rem;font-weight:800;line-height:1.4}
.video-month-links a:hover{border-color:#9f2941;color:#9f2941}
.video-month-links small{display:block;margin-top:3px;color:#756963;font-size:.72rem;font-weight:500}
.video-month-contact{margin:22px 2px 2px!important;padding-top:18px;border-top:1px solid #e3d9d4;color:#625852}
.video-month-contact a{font-weight:800;color:#9f2941}
body.video-month-dialog-open{overflow:hidden}

@media(max-width:760px){
  .portal-video-copy{inset:auto 24px 24px}
  .video-month-play{top:18px;right:18px;width:48px;height:48px}
  .video-month-dialog{width:min(100% - 18px,1040px);max-height:calc(100dvh - 18px)}
  .video-month-layout{grid-template-columns:1fr;gap:28px;padding:28px 22px}
  .video-month-copy h2{font-size:clamp(1.85rem,8.8vw,2.55rem)}
  .video-month-copy .video-month-lead{font-size:1.03rem}
  .video-month-aside{padding:14px}
}
@media(prefers-reduced-motion:reduce){.video-month-play{transition:none}.portal-card-video-month:hover .video-month-play{transform:none}}