/* 0.43.0-test.5 – Teaser-Schriftgrößen: Desktop 17 px, Tablet 15 px, Smartphone 14 px. */
.dsa-notify-teaser{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:.8rem 1rem;
    margin:1.15rem 0 0;
    padding:.72rem .8rem;
    border:1px solid var(--dsa-border);
    border-radius:.65rem;
    background:rgba(11,24,35,.42)
}
.dsa-notify-teaser-text{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    max-width:72ch;
    margin:0;
    color:var(--dsa-muted);
    font-size:15px;
    line-height:1.42
}
.dsa-notify-open{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:2.25rem;
    padding:.42rem .72rem;
    border:1px solid rgba(114,191,255,.42);
    border-radius:8px;
    background:rgba(114,191,255,.10);
    color:var(--dsa-accent-strong,#9bd1ff);
    font-family:inherit;
    font-weight:650;
    font-size:.8rem;
    line-height:1.2;
    text-decoration:none;
    cursor:pointer
}
.dsa-notify-open:hover,.dsa-notify-open:focus-visible{background:rgba(114,191,255,.18);border-color:rgba(114,191,255,.68)}

.dsa-notify-dialog{
    width:min(52rem,calc(100vw - 2rem));
    max-width:52rem;
    max-height:calc(100dvh - 2rem);
    box-sizing:border-box;
    padding:0;
    border:1px solid #35536a;
    border-radius:.85rem;
    background:#091722;
    color:var(--dsa-text);
    box-shadow:0 1.5rem 4rem rgba(0,0,0,.65);
    overflow:hidden
}
.dsa-notify-dialog:not([open]){display:none}
.dsa-notify-dialog::backdrop{background:rgba(0,8,14,.76);backdrop-filter:blur(4px)}
.dsa-notify-dialog-inner{position:relative;max-height:calc(100dvh - 2rem);overflow-y:auto;padding:1.15rem 1.2rem 1.25rem;-webkit-overflow-scrolling:touch}
.dsa-notify-close{
    position:sticky;
    z-index:2;
    top:0;
    float:right;
    display:grid;
    width:2.1rem;
    height:2.1rem;
    place-items:center;
    margin:-.2rem -.15rem .25rem .7rem;
    padding:0;
    border:1px solid var(--dsa-border);
    border-radius:50%;
    background:#102436;
    color:var(--dsa-text);
    font:400 1.35rem/1 sans-serif;
    cursor:pointer
}
.dsa-notify-signup-copy h2{margin:.15rem 0 .55rem;font-size:clamp(1.15rem,2vw,1.45rem)}
.dsa-notify-signup-copy>p:last-child{max-width:74rem;margin-bottom:1rem;color:var(--dsa-muted)}
.dsa-notify-form{display:grid;grid-template-columns:minmax(14rem,24rem) minmax(20rem,1fr) auto;align-items:end;gap:.85rem 1rem}
.dsa-notify-form fieldset{display:grid;gap:.38rem;margin:0;padding:0;border:0}
.dsa-notify-form legend{margin-bottom:.35rem;font-weight:700}
.dsa-notify-form label{font-size:.86rem}
.dsa-notify-email{display:grid;gap:.35rem}
.dsa-notify-email span{font-weight:700}
.dsa-notify-email input{width:100%;min-height:2.55rem;box-sizing:border-box;padding:.55rem .7rem;border:1px solid var(--dsa-border);border-radius:.45rem;background:#0a151f;color:var(--dsa-text)}
.dsa-notify-form fieldset label{display:flex;align-items:flex-start;gap:.48rem}
.dsa-notify-form fieldset input{width:auto!important;min-width:1rem;margin-top:.1rem}
.dsa-notify-consent{grid-column:1/-1;margin:.1rem 0 0;color:var(--dsa-muted);font-size:.78rem}
.dsa-notify-form>.dsa-primary-button{justify-self:start}
.dsa-notify-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.dsa-notify-message{margin:.7rem 0;padding:.65rem .75rem;border-radius:.45rem;background:rgba(114,191,255,.1)}
.dsa-notify-explicit-consent{grid-column:1/-1!important;display:flex!important;align-items:flex-start!important;gap:.55rem!important;margin:.2rem 0 0;padding:.7rem .75rem;border:1px solid rgba(114,191,255,.18);border-radius:.5rem;background:rgba(114,191,255,.04);font-size:.82rem!important;line-height:1.45}
.dsa-notify-explicit-consent input{flex:0 0 auto;width:auto!important;margin-top:.18rem}
html.dsa-notify-modal-open,body.dsa-notify-modal-open{overflow:hidden}

@media(max-width:900px){
    .dsa-notify-form{grid-template-columns:1fr}
    .dsa-notify-consent,.dsa-notify-explicit-consent{grid-column:auto!important}
}
@media(max-width:620px){
    .dsa-notify-teaser{align-items:stretch;flex-direction:column;padding:.65rem .7rem}
    .dsa-notify-teaser-text{font-size:14px}
    .dsa-notify-open{align-self:flex-end;max-width:100%;font-size:.76rem;padding:.4rem .62rem}
    .dsa-notify-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}
    .dsa-notify-dialog-inner{max-height:calc(100dvh - 1rem);padding:.9rem .9rem 1rem}
}

/* 0.43.0-test.3 – auf Desktop etwas präsenter, auf Touch weiterhin kompakt. */
@media(min-width:901px){
    .dsa-notify-teaser{
        min-height:4.7rem;
        align-items:center;
        padding:.95rem 1.05rem;
        gap:1rem 1.2rem
    }
    .dsa-notify-teaser-text{
        max-width:78ch;
        font-size:17px;
        line-height:1.5
    }
    .dsa-notify-open{
        min-height:2.35rem;
        padding:.46rem .78rem;
        font-size:.81rem
    }
}