/* TtcNewsletter 0.1.0 – aus SW5 newsletter.css (20.10.2026). Kästen tragen .ttcnl-box (html.ttcnl ist nur der Schalter). */
.ttcnl-box{box-sizing:border-box;border-radius:12px;padding:18px 20px;margin:18px 0;font-family:inherit}
.ttcnl-box *{box-sizing:border-box}
.ttcnl-box .ttcnl-titel{margin:0 0 4px;font-size:19px;font-weight:700;line-height:1.3;color:#1b2430}
.ttcnl-box .ttcnl-satz{margin:0 0 12px;font-size:15px;line-height:1.5;color:#4a525b}
.ttcnl-box .ttcnl-form{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.ttcnl-box input[type=email]{flex:1 1 240px;min-width:0;height:46px;padding:0 14px;border:1.5px solid #c9d0d8;border-radius:8px;font-size:16px;background:#fff;color:#1b2430}
.ttcnl-box input[type=email]:focus{outline:2px solid #242c51;outline-offset:1px;border-color:#242c51}
.ttcnl-box .ttcnl-knopf{height:46px;padding:0 22px;border:0;border-radius:8px;background:#242c51;color:#fff;font-weight:700;font-size:15px;cursor:pointer}
.ttcnl-box .ttcnl-knopf:hover{background:#34406a}
.ttcnl-box .ttcnl-knopf:focus-visible{outline:2px solid #f0a030;outline-offset:2px}
.ttcnl-box .ttcnl-knopf[disabled]{opacity:.6;cursor:wait}
.ttcnl-box .ttcnl-klein{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:#5d6b79}
.ttcnl-box .ttcnl-klein a{color:inherit;text-decoration:underline}
.ttcnl-box .ttcnl-meldung{margin:10px 0 0;font-size:15px;font-weight:700}
.ttcnl-box .ttcnl-ok{color:#1d6b3a}
.ttcnl-box .ttcnl-fehler{color:#b42318}
.ttcnl-box .ttcnl-falle{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.ttcnl-box .ttcnl-unsichtbar{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Fußzeile: Teil des dunklen Footers, abgesetzt durch eine Linie */
.ttcnl-fuss-huelle{max-width:1260px;margin:0 auto;padding:30px 30px 26px;border-bottom:1px solid rgba(255,255,255,.14)}
.ttcnl-fuss{background:transparent;margin:0;padding:0;border-radius:0}
.ttcnl-fuss .ttcnl-titel{font-size:21px;color:#fff}
.ttcnl-fuss .ttcnl-satz{color:#c9ced3}
.ttcnl-fuss input[type=email]{border-color:transparent;background:#fff}
.ttcnl-fuss input[type=email]:focus{outline:2px solid #f0a030;border-color:transparent}
.ttcnl-fuss .ttcnl-knopf{background:#f0a030;color:#15181c}
.ttcnl-fuss .ttcnl-knopf:hover{background:#ffc04d}
.ttcnl-fuss .ttcnl-klein{color:#aab2bd}
.ttcnl-fuss .ttcnl-ok{color:#7ee2a8}
.ttcnl-fuss .ttcnl-fehler{color:#ffb4a8}
@media (min-width:900px){.ttcnl-fuss{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;align-items:center}
 .ttcnl-fuss .ttcnl-titel,.ttcnl-fuss .ttcnl-satz{grid-column:1}.ttcnl-fuss .ttcnl-form,.ttcnl-fuss .ttcnl-klein,.ttcnl-fuss .ttcnl-meldung{grid-column:2}
 .ttcnl-fuss .ttcnl-titel{grid-row:1}.ttcnl-fuss .ttcnl-satz{grid-row:2;margin:0}.ttcnl-fuss .ttcnl-form,.ttcnl-fuss .ttcnl-meldung{grid-row:1}.ttcnl-fuss .ttcnl-klein{grid-row:2}}
/* Ratgeber und Danke-Seite */
.ttcnl-rg,.ttcnl-danke{background:#eef3fb;border:1px solid #d6e0ef}
.ttcnl-offen{background:#fff4e5;border:1px solid #f3d29a}
.ttcnl-offen .ttcnl-satz{margin:0}
/* Anmeldeseite (ersetzt das Brevo-Formular): links Nutzen auf dunklem Grund, rechts Formular */
.ttcnl-seite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:980px;margin:10px auto 40px;border-radius:14px;overflow:hidden;
 box-shadow:0 10px 30px rgba(21,24,28,.10);border:1px solid #dde3ea;background:#fff}
.ttcnl-seite-info{background:#242c51;color:#fff;padding:34px 34px 30px}
.ttcnl-seite-marke{margin:0 0 6px;font-size:14px;font-weight:700;color:#f0a030}
.ttcnl-seite-titel{margin:0 0 18px;font-size:27px;line-height:1.25;font-weight:700;color:#fff}
.ttcnl-seite .ttcnl-liste{list-style:none;margin:0;padding:0}
.ttcnl-seite .ttcnl-liste li{position:relative;padding:0 0 12px 30px;font-size:16px;line-height:1.5;color:#e2e6ec}
.ttcnl-seite .ttcnl-liste li:before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#f0a030}
.ttcnl-seite .ttcnl-liste li:after{content:"";position:absolute;left:6px;top:7px;width:5px;height:8px;border:solid #242c51;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ttcnl-seite-form{margin:0;border-radius:0;padding:34px;align-self:center}
.ttcnl-seite-form .ttcnl-titel{font-size:22px}
.ttcnl-seite-form .ttcnl-form{flex-direction:column}
.ttcnl-seite-form input[type=email],.ttcnl-seite-form .ttcnl-knopf{width:100%;flex:none}
@media (max-width:760px){.ttcnl-seite{grid-template-columns:minmax(0,1fr)}.ttcnl-seite-info,.ttcnl-seite-form{padding:24px 20px}.ttcnl-seite-titel{font-size:23px}}

/* Kassen-Haken (SW6): unter dem AGB-Haken, Titel fett wie die SW5-Überschrift */
.ttcnl-kasse{margin-top:10px}
.ttcnl-kasse .ttcnl-kasse-titel{display:block;font-weight:700}