/* Rkdigi_M5_M6 - Version 1.2.0 */

/* SC1: obere Leiste */
.rkdigi-m5m6-service-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:.38rem;
}
.rkdigi-m5m6-service-button{
    padding:.1rem .55rem;
    border:1px solid rgba(255,255,255,.38);
    border-radius:3px;
    background:rgba(255,255,255,.05);
    color:#fff!important;
    font-size:.78rem;
    font-weight:800;
    line-height:1.45;
    text-decoration:none!important;
    white-space:nowrap;
}
.rkdigi-m5m6-service-button:hover,
.rkdigi-m5m6-service-button:focus-visible{
    background:rgba(255,255,255,.14);
    text-decoration:none!important;
}
.rkdigi-m5m6-service-button:focus-visible{
    outline:3px solid #fff;
    outline-offset:2px;
}

/* SC2: 6 Module = 3 Kacheln pro Zeile am Desktop */
.rkdt-entry-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
}
.rkdt-entry-grid .rkdt-entry-tile strong{
    font-size:clamp(14px,1.05vw,17px)!important;
    line-height:1.12!important;
    overflow-wrap:anywhere;
}
.rkdt-entry-grid .rkdt-entry-tile small{
    font-size:11px!important;
    line-height:1.35!important;
}
.rkdt-entry-grid .rkdt-entry-tile--module4,
.rkdt-entry-grid .rkdt-entry-tile--module5,
.rkdt-entry-grid .rkdt-entry-tile--module6,
.rkdt-entry-grid a.rkdt-entry-tile--module4,
.rkdt-entry-grid a.rkdt-entry-tile--module5,
.rkdt-entry-grid a.rkdt-entry-tile--module6{
    background:#d10f1a!important;
    color:#fff!important;
    border-color:#d10f1a!important;
    opacity:1!important;
    filter:none!important;
}
.rkdt-entry-grid .rkdt-entry-tile--module4 strong,
.rkdt-entry-grid .rkdt-entry-tile--module4 small,
.rkdt-entry-grid .rkdt-entry-tile--module4 .rkdt-entry-tile__tag,
.rkdt-entry-grid .rkdt-entry-tile--module4 i,
.rkdt-entry-grid .rkdt-entry-tile--module5 strong,
.rkdt-entry-grid .rkdt-entry-tile--module5 small,
.rkdt-entry-grid .rkdt-entry-tile--module5 .rkdt-entry-tile__tag,
.rkdt-entry-grid .rkdt-entry-tile--module5 i,
.rkdt-entry-grid .rkdt-entry-tile--module6 strong,
.rkdt-entry-grid .rkdt-entry-tile--module6 small,
.rkdt-entry-grid .rkdt-entry-tile--module6 .rkdt-entry-tile__tag,
.rkdt-entry-grid .rkdt-entry-tile--module6 i{
    color:#fff!important;
    opacity:1!important;
}
.rkdt-entry-grid .rkdt-entry-tile--module4 .rkdt-entry-tile__tag,
.rkdt-entry-grid .rkdt-entry-tile--module5 .rkdt-entry-tile__tag,
.rkdt-entry-grid .rkdt-entry-tile--module6 .rkdt-entry-tile__tag{
    border-color:rgba(255,255,255,.55)!important;
}
.rkdt-entry-grid .rkdt-entry-tile--module4 i,
.rkdt-entry-grid .rkdt-entry-tile--module5 i,
.rkdt-entry-grid .rkdt-entry-tile--module6 i{
    background:rgba(150,0,8,.28)!important;
}

/* Oeffentliche Direkteinstiege vor der Anmeldung */
.rkdigi-m5m6-guest-public{
    margin-top:.9rem;
    margin-bottom:.35rem;
}
.rkdigi-m5m6-guest-public__intro{
    display:flex;
    align-items:baseline;
    gap:.6rem;
    margin:0 0 .65rem;
    font-size:16px;
    line-height:1.45;
}
.rkdigi-m5m6-guest-public__intro strong{
    color:#b90b15;
    font-size:17px;
}
.rkdigi-m5m6-guest-public__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.rkdigi-m5m6-guest-public .rkdt-entry-tile{
    min-height:128px;
    background:linear-gradient(135deg,#b90b15,#d10f1a)!important;
}
.rkdigi-m5m6-guest-public .rkdt-entry-tile strong{
    font-size:20px!important;
}
.rkdigi-m5m6-guest-public .rkdt-entry-tile small{
    font-size:14px!important;
    line-height:1.4!important;
}

/* Modul 05 / Lernbereiche / Modul 06 */
body.rkdigi-m5m6-module5-page .rkdt-page-header,
body.rkdigi-m5m6-learning-page .rkdt-page-header,
body.rkdigi-m5m6-module6-page .rkdt-page-header{
    display:none!important;
}
body.rkdigi-m5m6-module5-page .rkdt-page-content,
body.rkdigi-m5m6-learning-page .rkdt-page-content,
body.rkdigi-m5m6-module6-page .rkdt-page-content{
    padding-top:18px;
    padding-bottom:48px;
}
/* Modul 05 am Desktop auf die volle Portalbreite erweitern.
   Das Theme begrenzt normale Seiteninhalte sonst auf 780px. */
body.rkdigi-m5m6-module5-page .rkdt-page-content,
body.rkdigi-m5m6-learning-page .rkdt-page-content{
    width:min(var(--rkdt-container,1180px),calc(100% - 32px))!important;
    max-width:var(--rkdt-container,1180px)!important;
}
body.rkdigi-m5m6-module5-page .rkdt-page-content>article,
body.rkdigi-m5m6-learning-page .rkdt-page-content>article{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
}
body.rkdigi-m5m6-module5-page .rkdt-page-content>article>*:not(.alignwide):not(.alignfull),
body.rkdigi-m5m6-module5-page .rkdt-page-content>*:not(.alignwide):not(.alignfull),
body.rkdigi-m5m6-learning-page .rkdt-page-content>article>*:not(.alignwide):not(.alignfull),
body.rkdigi-m5m6-learning-page .rkdt-page-content>*:not(.alignwide):not(.alignfull){
    width:100%!important;
    max-width:none!important;
}
.rkdigi-m5m6-module{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);
    gap:14px;
    align-items:stretch;
}
.rkdigi-m5m6-module__hero,
.rkdigi-m5m6-module__placeholder{
    border:1px solid #dfe2e4;
    border-radius:10px;
    background:#fff;
    box-shadow:0 8px 22px rgba(31,37,41,.05);
}
.rkdigi-m5m6-module__hero{
    padding:32px;
    background-image:linear-gradient(#eef0f1 1px,transparent 1px),linear-gradient(90deg,#eef0f1 1px,transparent 1px);
    background-size:38px 38px;
}
.rkdigi-m5m6-module__eyebrow{
    margin:0 0 8px;
    color:#d10f1a;
    font-size:12px;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.rkdigi-m5m6-module__hero h2{
    margin:0 0 10px;
    font-size:clamp(30px,4vw,48px);
    line-height:1.04;
    letter-spacing:-.035em;
}
.rkdigi-m5m6-module__hero>p:not(.rkdigi-m5m6-module__eyebrow){
    max-width:760px;
    margin:0;
    color:#62676b;
    line-height:1.55;
}
.rkdigi-m5m6-module__badge{
    display:inline-flex;
    margin-top:18px;
    padding:7px 10px;
    border-radius:999px;
    background:#fff0f1;
    color:#b20e18;
    font-size:12px;
    font-weight:900;
}
.rkdigi-m5m6-module__placeholder{
    display:flex;
    min-height:210px;
    flex-direction:column;
    justify-content:center;
    padding:28px;
}
.rkdigi-m5m6-module__placeholder strong{
    font-size:20px;
}
.rkdigi-m5m6-module__placeholder p{
    margin:8px 0 0;
    color:#6b6f72;
    line-height:1.5;
}

/* Seniorengerechte Lernvideo-Seiten */
.rkdigi-learning{
    --rk-red:#c90e19;
    --rk-red-dark:#a70b14;
    --rk-text:#202428;
    --rk-muted:#5d6469;
    --rk-line:#d7dadd;
    --rk-soft:#f6f7f7;
    width:100%;
    max-width:var(--rkdt-container,1180px);
    margin:0 auto;
    color:var(--rk-text);
    font-size:18px;
    line-height:1.65;
}
.rkdigi-learning *,
.rkdigi-learning *::before,
.rkdigi-learning *::after{
    box-sizing:border-box;
}
.rkdigi-learning a{
    text-underline-offset:3px;
}
.rkdigi-learning a:focus-visible,
.rkdigi-learning button:focus-visible{
    outline:4px solid #111;
    outline-offset:4px;
}
.rkdigi-learning__hero{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:28px;
    padding:34px;
    border:1px solid var(--rk-line);
    border-radius:12px;
    background:#fff;
    background-image:linear-gradient(#eef0f1 1px,transparent 1px),linear-gradient(90deg,#eef0f1 1px,transparent 1px);
    background-size:38px 38px;
    box-shadow:0 8px 24px rgba(31,37,41,.06);
}
.rkdigi-learning__hero>div{
    max-width:830px;
}
.rkdigi-learning__eyebrow{
    margin:0 0 8px!important;
    color:var(--rk-red)!important;
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:.055em;
    line-height:1.4!important;
    text-transform:uppercase;
}
.rkdigi-learning h1{
    margin:0 0 14px!important;
    color:var(--rk-text)!important;
    font-size:clamp(34px,4.2vw,52px)!important;
    font-weight:900!important;
    letter-spacing:-.035em;
    line-height:1.06!important;
}
.rkdigi-learning__lead{
    max-width:850px;
    margin:0!important;
    color:#464d52!important;
    font-size:20px!important;
    line-height:1.58!important;
}
.rkdigi-learning__public-badge{
    display:inline-flex;
    flex:0 0 auto;
    min-height:42px;
    align-items:center;
    padding:8px 13px;
    border:2px solid #e7b3b7;
    border-radius:999px;
    background:#fff3f4;
    color:var(--rk-red-dark);
    font-size:14px;
    font-weight:900;
    line-height:1.25;
    white-space:nowrap;
}
.rkdigi-learning__orientation,
.rkdigi-learning__notice{
    margin:18px 0 0;
    padding:20px 22px;
    border-left:6px solid var(--rk-red);
    border-radius:8px;
    background:#fff8f8;
    font-size:18px;
}
.rkdigi-learning__orientation{
    display:flex;
    gap:10px;
    align-items:baseline;
}
.rkdigi-learning__orientation strong,
.rkdigi-learning__notice strong{
    color:#7f0710;
    font-size:19px;
}
.rkdigi-learning__notice p{
    margin:6px 0 0!important;
    color:#353b3f!important;
}
.rkdigi-learning__area-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:20px;
}
.rkdigi-learning__area-card{
    position:relative;
    display:grid;
    grid-template-columns:92px 58px 1fr;
    grid-template-rows:auto auto;
    gap:10px 16px;
    min-height:188px;
    padding:24px;
    border:2px solid var(--rk-line);
    border-radius:12px;
    background:#fff;
    color:var(--rk-text)!important;
    text-decoration:none!important;
    box-shadow:0 7px 20px rgba(31,37,41,.05);
}
.rkdigi-learning__area-card:hover{
    border-color:var(--rk-red);
    box-shadow:0 10px 24px rgba(31,37,41,.1);
}
.rkdigi-learning__area-visual{
    grid-row:1 / span 2;
    display:flex;
    width:86px;
    min-height:116px;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#f8e9ea;
    color:var(--rk-red-dark);
}
.rkdigi-learning__area-visual svg{
    width:54px;
    height:54px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.rkdigi-learning__area-number{
    display:flex;
    width:52px;
    height:52px;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:var(--rk-red);
    color:#fff;
    font-size:19px;
    font-weight:900;
}
.rkdigi-learning__area-content{
    display:flex;
    flex-direction:column;
    gap:7px;
}
.rkdigi-learning__area-content strong{
    color:var(--rk-text);
    font-size:24px;
    line-height:1.18;
}
.rkdigi-learning__area-content>span{
    color:var(--rk-muted);
    font-size:17px;
    line-height:1.5;
}
.rkdigi-learning__area-action{
    grid-column:3;
    align-self:end;
    color:var(--rk-red-dark);
    font-size:17px;
    font-weight:900;
    text-decoration:underline;
}
.rkdigi-learning__back-nav{
    margin:0 0 14px;
}
.rkdigi-learning__back-nav a,
.rkdigi-learning__footer-nav a{
    display:inline-flex;
    min-height:48px;
    align-items:center;
    padding:8px 2px;
    color:var(--rk-red-dark)!important;
    font-size:17px;
    font-weight:900;
}
.rkdigi-learning__hero--area{
    margin-bottom:0;
}
.rkdigi-learning__section-heading{
    margin:34px 0 16px;
}
.rkdigi-learning__section-heading h2{
    margin:0 0 8px!important;
    color:var(--rk-text)!important;
    font-size:clamp(28px,3vw,36px)!important;
    line-height:1.15!important;
}
.rkdigi-learning__section-heading>p:last-child{
    max-width:880px;
    margin:0!important;
    color:var(--rk-muted)!important;
    font-size:17px!important;
}
.rkdigi-learning__video-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.rkdigi-learning__video-card{
    display:grid;
    grid-template-columns:52px 1fr;
    gap:16px;
    min-height:330px;
    padding:24px;
    border:2px solid var(--rk-line);
    border-radius:12px;
    background:#fff;
    box-shadow:0 7px 20px rgba(31,37,41,.045);
}
.rkdigi-learning__video-visual{
    position:relative;
    grid-column:1 / -1;
    display:flex;
    min-height:120px;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:9px;
    background:linear-gradient(135deg,#f8e8e9,#fff5f6);
    color:var(--rk-red-dark);
}
.rkdigi-learning__video-visual::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(201,14,25,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(201,14,25,.05) 1px,transparent 1px);
    background-size:28px 28px;
}
.rkdigi-learning__video-topic-icon{
    position:absolute;
    left:20px;
    top:20px;
    z-index:1;
    opacity:.36;
}
.rkdigi-learning__video-topic-icon svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rkdigi-learning__video-play{
    position:relative;
    z-index:2;
    display:flex;
    width:68px;
    height:68px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--rk-red);
    color:#fff;
    box-shadow:0 8px 20px rgba(167,11,20,.22);
}
.rkdigi-learning__video-play svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rkdigi-learning__video-play svg path:last-child{fill:currentColor;stroke:none}
.rkdigi-learning__video-visual-label{
    position:absolute;
    right:14px;
    bottom:12px;
    z-index:2;
    padding:4px 8px;
    border-radius:999px;
    background:#fff;
    color:var(--rk-red-dark);
    font-size:13px;
    font-weight:900;
}
.rkdigi-learning__video-number{
    display:flex;
    width:46px;
    height:46px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f5e5e6;
    color:#8c0912;
    font-size:19px;
    font-weight:900;
}
.rkdigi-learning__video-body{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.rkdigi-learning__provider{
    margin:0 0 5px!important;
    color:var(--rk-red-dark)!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1.4!important;
}
.rkdigi-learning__video-card h3{
    margin:0 0 9px!important;
    color:var(--rk-text)!important;
    font-size:22px!important;
    line-height:1.22!important;
}
.rkdigi-learning__video-card p:not(.rkdigi-learning__provider){
    margin:0 0 18px!important;
    color:var(--rk-muted)!important;
    font-size:17px!important;
    line-height:1.52!important;
}
.rkdigi-learning__button{
    display:inline-flex;
    min-height:52px;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:auto;
    padding:11px 16px;
    border:2px solid var(--rk-red);
    border-radius:7px;
    background:var(--rk-red);
    color:#fff!important;
    font-size:17px;
    font-weight:900;
    line-height:1.25;
    text-decoration:none!important;
}
.rkdigi-learning__button:hover{
    border-color:var(--rk-red-dark);
    background:var(--rk-red-dark);
}
.rkdigi-learning__section-heading--resources{
    margin-top:38px;
}
.rkdigi-learning__resource-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.rkdigi-learning__resource-card{
    display:flex;
    min-height:150px;
    flex-direction:column;
    padding:20px 22px;
    border:2px solid #cfd3d6;
    border-radius:10px;
    background:var(--rk-soft);
    color:var(--rk-text)!important;
    text-decoration:none!important;
}
.rkdigi-learning__resource-card:hover{
    border-color:#7e858a;
    background:#fff;
}
.rkdigi-learning__resource-card strong{
    margin-bottom:7px;
    font-size:20px;
    line-height:1.25;
}
.rkdigi-learning__resource-card>span:not(.rkdigi-learning__resource-action){
    color:var(--rk-muted);
    font-size:16.5px;
    line-height:1.48;
}
.rkdigi-learning__resource-action{
    margin-top:auto;
    padding-top:10px;
    color:var(--rk-red-dark);
    font-size:16px;
    font-weight:900;
    text-decoration:underline;
}
.rkdigi-learning__footer-nav{
    display:flex;
    justify-content:space-between;
    gap:20px;
    margin-top:34px;
    padding-top:18px;
    border-top:2px solid #e0e2e4;
}

@media (max-width:1050px){
    .rkdt-entry-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .rkdigi-m5m6-module{
        grid-template-columns:1fr;
    }
    .rkdigi-learning__hero{
        flex-direction:column;
    }
    .rkdigi-learning__public-badge{
        white-space:normal;
    }
}

@media (max-width:780px){
    .rkdigi-learning{
        font-size:17px;
    }
    .rkdigi-learning__area-grid,
    .rkdigi-learning__video-grid,
    .rkdigi-learning__resource-grid,
    .rkdigi-m5m6-guest-public__grid{
        grid-template-columns:1fr;
    }
    .rkdigi-learning__hero{
        padding:24px 20px;
    }
    .rkdigi-learning__lead{
        font-size:18px!important;
    }
    .rkdigi-learning__orientation{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:720px){
    .rkdt-entry-grid{
        grid-template-columns:1fr!important;
    }
    .rkdigi-m5m6-service-actions{
        gap:.25rem;
    }
    .rkdigi-m5m6-service-button,
    .rkdigi-m5m6-service-actions .rkdt-servicebar__login{
        padding-inline:.38rem;
        font-size:.68rem;
    }
    .rkdigi-m5m6-service-button--clear{
        max-width:142px;
        white-space:normal;
    }
    .rkdigi-m5m6-module__hero,
    .rkdigi-m5m6-module__placeholder{
        padding:20px;
    }
    .rkdigi-m5m6-guest-public__intro{
        flex-direction:column;
        gap:0;
    }
    .rkdigi-learning__area-card,
    .rkdigi-learning__video-card{
        grid-template-columns:1fr;
        padding:20px;
    }
    .rkdigi-learning__area-visual{
        grid-row:auto;
        width:100%;
        min-height:96px;
    }
    .rkdigi-learning__area-action{
        grid-column:1;
    }
    .rkdigi-learning__video-visual{
        grid-column:1;
        min-height:110px;
    }
    .rkdigi-learning__footer-nav{
        flex-direction:column;
        gap:4px;
    }
}

/* QR-Codes fuer Lernvideo-Kacheln (v1.2.1) */
.rkdigi-learning__video-actions{
    display:flex;
    width:100%;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-top:auto;
}
.rkdigi-learning__video-actions .rkdigi-learning__button{margin-top:0}
.rkdigi-learning__qr-button{
    position:relative;
    display:flex;
    flex:0 0 auto;
    flex-direction:column;
    align-items:center;
    gap:4px;
    padding:5px;
    border:2px solid #ddd;
    border-radius:8px;
    background:#fff;
    color:#3d3d3d;
    cursor:pointer;
    font:inherit;
    font-size:13px;
    font-weight:800;
    line-height:1.2;
}
.rkdigi-learning__qr-thumb{
    display:block;
    width:72px;
    height:72px;
    border-radius:3px;
    image-rendering:auto;
}
.rkdigi-learning__qr-button:hover,
.rkdigi-learning__qr-button:focus-visible{
    z-index:5;
    border-color:var(--rk-red);
    outline:3px solid rgba(201,14,25,.16);
    outline-offset:2px;
}
.rkdigi-learning__qr-button:hover .rkdigi-learning__qr-thumb{
    position:absolute;
    right:-2px;
    bottom:calc(100% + 10px);
    width:220px;
    height:220px;
    padding:8px;
    border:2px solid var(--rk-red);
    border-radius:10px;
    background:#fff;
    box-shadow:0 14px 34px rgba(31,37,41,.22);
}
.rkdigi-learning__qr-modal[hidden]{display:none!important}
.rkdigi-learning__qr-modal{
    position:fixed;
    z-index:999999;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.rkdigi-learning__qr-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.62);
}
.rkdigi-learning__qr-modal-panel{
    position:relative;
    z-index:1;
    width:min(94vw,520px);
    max-height:92vh;
    overflow:auto;
    padding:28px;
    border-radius:14px;
    background:#fff;
    text-align:center;
    box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.rkdigi-learning__qr-modal-panel h2{
    margin:0 42px 8px!important;
    color:var(--rk-text)!important;
    font-size:28px!important;
    line-height:1.2!important;
}
.rkdigi-learning__qr-modal-name{
    margin:0 0 16px!important;
    color:var(--rk-muted)!important;
    font-size:17px!important;
    line-height:1.4!important;
}
.rkdigi-learning__qr-modal-image{
    display:block;
    width:min(360px,80vw);
    height:auto;
    margin:0 auto 14px;
    border:1px solid #ddd;
    border-radius:8px;
    background:#fff;
}
.rkdigi-learning__qr-modal-help{
    max-width:420px;
    margin:0 auto!important;
    color:var(--rk-text)!important;
    font-size:17px!important;
    line-height:1.5!important;
}
.rkdigi-learning__qr-modal-close{
    position:absolute;
    top:10px;
    right:12px;
    display:flex;
    width:44px;
    height:44px;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:50%;
    background:#f3f3f3;
    color:#222;
    cursor:pointer;
    font-size:32px;
    line-height:1;
}
.rkdigi-learning__qr-modal-close:hover,
.rkdigi-learning__qr-modal-close:focus-visible{background:#e5e5e5;outline:3px solid rgba(201,14,25,.22)}
body.rkdigi-qr-open{overflow:hidden}
@media (max-width:720px){
    .rkdigi-learning__video-actions{align-items:center;gap:10px}
    .rkdigi-learning__qr-thumb{width:64px;height:64px}
    .rkdigi-learning__qr-button:hover .rkdigi-learning__qr-thumb{position:static;width:64px;height:64px;padding:0;border:0;box-shadow:none}
    .rkdigi-learning__qr-modal-panel{padding:24px 16px 20px}
    .rkdigi-learning__qr-modal-panel h2{font-size:24px!important}
}