.schuele-popup:not([open]) { display: none; }
.schuele-popup[open] {
    display: block; position: fixed; inset: 0; box-sizing: border-box;
    width: min(680px, calc(100% - 32px)); max-height: calc(100dvh - 48px);
    margin: auto; padding: 56px 40px 40px; overflow: auto;
    border: 0; border-top: 6px solid var(--color-primary, #164e80);
    background: #fff; color: #303640; box-shadow: 0 20px 80px #0005;
    font-family: inherit; text-align: left;
}
.schuele-popup::backdrop { background: rgb(15 25 35 / 65%); }
.schuele-popup .schuele-popup__title { margin: 0 0 24px; font-size: clamp(24px, 4vw, 34px); line-height: 1.25; overflow-wrap: anywhere; }
.schuele-popup .schuele-popup__text { font-size: 17px; line-height: 1.65; }
.schuele-popup__text p { margin: 0 0 18px; }
.schuele-popup .schuele-popup__close {
    position: absolute; top: 8px; right: 8px; display: grid; place-items: center;
    width: 44px; height: 44px; padding: 0; border: 0; background: transparent;
    color: #303640; font: 32px/1 sans-serif; cursor: pointer;
}
.schuele-popup .schuele-popup__link { display: inline-block; margin-top: 12px; padding: 14px 22px; background: #253a51; color: #fff; text-decoration: none; font-size: 16px; line-height: 1.5; }
.schuele-popup .schuele-popup__link:hover { background: #152536; }
.schuele-popup :focus-visible { outline: 3px solid #2276bb; outline-offset: 3px; }
html.schuele-popup-open { overflow: hidden; }
@media (max-width: 480px) {
    .schuele-popup[open] { padding: 56px 24px 28px; }
    .schuele-popup .schuele-popup__link { display: block; text-align: center; }
}

.schuele-popup .schuele-popup__close:focus,
.schuele-popup .schuele-popup__close:focus-visible { outline: none; box-shadow: none; }