/* Newsletter: kurzer Einstieg, ausführliche Hinweise auf Wunsch. */
dialog.pe-nlf{box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:56px 32px;border:0;border-radius:12px;background:#fff;color:#294c71;overflow-y:auto;box-shadow:0 18px 60px rgba(20,35,63,.22);}
dialog.pe-nlf:not([open]){display:none;}
/* Anfangsfokus auf dem Dialog, sichtbare Fokusringe erst an Bedienelementen. */
dialog.pe-nlf:focus{outline:none;}
dialog.pe-nlf::backdrop{background:rgba(20,35,63,.4);}
body:has(dialog.pe-nlf[open]){overflow:hidden;}
.pe-nlf .pe-nlf-heading{padding-right:28px;}
.pe-nlf .pe-nlf-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:6px;background:transparent;color:#526b81;cursor:pointer;box-shadow:none;}
.pe-nlf-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;}
.pe-nlf .pe-nlf-close:hover{background:#edf4f8;color:#1e456c;}
.pe-nlf .pe-nlf-close:focus-visible,.pe-nlf .pe-nlf-done:focus-visible{outline:3px solid #1c7291;outline-offset:2px;}
.pe-nlf .pe-nlf-done{margin-top:20px;min-height:44px;padding:10px 16px;border:0;border-radius:6px;background:#1e456c;color:#fff;font:600 16px/1.4 "Source Sans 3",sans-serif;cursor:pointer;}
.pe-nlf [hidden],.pe-nlf-status[hidden]{display:none!important;}
.pe-nlf-status{max-width:1180px;margin:16px auto;padding:0 20px;font-size:16px;color:#294c71;}
/* Legacy style.css erzwingt globale h2-Größen per !important, auch mobil. */
.pe-nlf .pe-nlf-heading{margin:0;font-family:"Source Sans 3",sans-serif;font-weight:650;font-size:23px!important;line-height:1.25!important;letter-spacing:normal;color:#1e456c;}
.pe-nlf .pe-nlf-text{max-width:62ch;margin:7px 0 0;font-size:18px;line-height:1.5;color:#294c71;}
.pe-nlf-copy,.inst-nl-choice{min-width:0;overflow-wrap:anywhere;}
.pe-nlf-knoepfe{margin-top:28px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;}
.pe-nlf-knoepfe button{min-height:44px;margin:0;padding:10px 16px;border:1px solid transparent;border-radius:6px;box-shadow:none;font:600 16px/1.4 "Source Sans 3",sans-serif;letter-spacing:normal;text-transform:none;cursor:pointer;}
.pe-nlf-knoepfe .pe-nlf-ja{background:#1e456c;color:#fff;}
.pe-nlf-knoepfe .pe-nlf-ja:hover{background:#173752;color:#fff;}
.pe-nlf-knoepfe .pe-nlf-nein{background:transparent;color:#294c71;}
.pe-nlf-knoepfe .pe-nlf-nein:hover{background:#e7f1f8;color:#1e456c;}
.pe-nlf-knoepfe button:disabled{cursor:wait;opacity:.65;}
.pe-nlf-knoepfe button:focus-visible,.inst-nl-info summary:focus-visible,.inst-nl-info a:focus-visible{outline:3px solid #1c7291;outline-offset:3px;}
.pe-nlf.is-fertig .pe-nlf-copy,.pe-nlf.is-fertig .pe-nlf-knoepfe{display:none;}
.pe-nlf .pe-nlf-danke{margin:16px 0 0;font-size:17px;color:#294c71;}


.irw-agb.irw-newsletter{gap:11px;margin-top:22px;padding:22px 0;border-top:1px solid #d6e0e8;border-bottom:1px solid #d6e0e8;}
/* 27.10.2026: Maxim wollte die Zeile so groß wie das AGB-Häkchen (register-wizard.css .irw-agb label). */
.irw-newsletter .inst-nl-choice>label{display:block;font-size:14px;line-height:1.45;font-weight:400;color:var(--irw-ink,#243b53);cursor:pointer;}
.irw-newsletter input[type=checkbox]{margin-top:1px;accent-color:#1e456c;}
.inst-nl-optional{font-size:14px;font-weight:400;color:#526b81;white-space:nowrap;}
.inst-nl-choice .inst-nl-topics{margin:2px 0 0;font-size:14px;line-height:1.45;color:#526b81;}

.inst-nl-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 16px;margin-top:8px;color:#526b81;font-size:14px;line-height:1.5;}
.inst-nl-info{position:relative;max-width:100%;margin:0;border:0;padding:0;background:none;color:#294c71;}
.inst-nl-info>summary{display:flex;align-items:center;gap:5px;min-height:32px;margin:0;padding:4px 0;box-sizing:border-box;list-style:none;background:transparent;font:600 14px/1.5 "Source Sans 3",sans-serif;color:#1c7291;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.inst-nl-info>summary::-webkit-details-marker{display:none;}
.inst-nl-info>summary:hover{color:#1e456c;}
.inst-nl-info>summary svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;}
.inst-nl-info[open]>summary svg{transform:rotate(180deg);}
.inst-nl-info-panel{position:absolute;top:100%;left:0;z-index:80;width:360px;max-width:calc(100vw - 64px);box-sizing:border-box;padding:18px 20px;border-radius:8px;background:#fff;box-shadow:0 8px 28px rgba(20,35,63,.18);color:#294c71;font-size:16px;line-height:1.5;overflow-wrap:anywhere;}
.inst-nl-info-panel p{margin:0 0 10px;font-size:inherit;line-height:inherit;}
.inst-nl-info-panel a{color:#1c7291;text-decoration:underline;text-underline-offset:3px;}
.inst-nl-info-panel a:hover{color:#1e456c;}
/* Im kleinen Dialog bleiben Details im Fluss, damit nichts abgeschnitten wird. */
.pe-nlf .inst-nl-info[open]{flex-basis:100%;}
.pe-nlf .inst-nl-info-panel{position:static;width:100%;max-width:none;margin:4px 0 0;padding:12px 0 0;border-top:1px solid #d6e0e8;border-radius:0;background:none;box-shadow:none;}

@media(max-width:600px){
 dialog.pe-nlf{padding:48px 22px;}
 .pe-nlf .pe-nlf-heading{font-size:22px!important;}
 .pe-nlf-knoepfe{gap:4px;}
 .pe-nlf-knoepfe button{padding:10px 12px;}
 .inst-nl-meta{column-gap:12px;}
 .inst-nl-info>summary{min-height:44px;}
 .inst-nl-info[open]{flex-basis:100%;}
 .inst-nl-info-panel{position:static;width:100%;max-width:none;margin:4px 0 8px;padding:14px 0 0;border-top:1px solid #d6e0e8;border-radius:0;background:none;box-shadow:none;}
}
