/* lernkit-Design für die öffentlichen Newsletter-Seiten (Anmelden, Bestätigen, Abmelden) */
@font-face { font-family: 'Inter'; src: url('/public/static/fonts/Inter-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/public/static/fonts/Inter-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }
html, body { background: #F8FAFC; }
body { font-family: 'Inter', -apple-system, system-ui, sans-serif; color: #334155; margin: 0; }
.lk-top { display: flex; align-items: center; gap: 12px; padding: 12px 24px; background: #F8FAFC; border-bottom: 2px solid #0F172A; }
.lk-marke { display: flex; align-items: center; gap: 9px; text-decoration: none; color: #0F172A; font: 700 19px 'Inter', sans-serif; }
.lk-pill { background: #0F172A; color: #CCFBF1; padding: 3px 9px; border-radius: 3px; font: 700 9px 'Inter', sans-serif; letter-spacing: 2px; text-transform: uppercase; }
.container.wrap { max-width: 560px; margin: 32px auto; background: #fff; border: 1px solid #E2E8F0; border-radius: 18px; box-shadow: 0 1px 3px rgba(0,0,0,.06); padding: 28px 30px; }
.header, .header .logo { display: none; }
h2 { font: 700 23px/1.25 'Inter', sans-serif; color: #0F172A; margin: 0 0 10px; }
h3 { font: 700 15px 'Inter', sans-serif; color: #0F172A; margin: 18px 0 8px; }
.lk-intro { color: #64748B; margin: 0 0 18px; line-height: 1.55; }
label { font-weight: 600; color: #0F172A; }
input[type=email], input[type=text] { width: 100%; box-sizing: border-box; border: 1.5px solid #D8D5CE; border-radius: 11px; padding: 11px 13px; font: 400 15px 'Inter', sans-serif; background: #FAFAF8; }
input[type=email]:focus, input[type=text]:focus { outline: none; border-color: #0D9488; background: #fff; }
input[type=checkbox] { accent-color: #0D9488; width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px; }
.lists { padding: 0; list-style: none; margin: 0; }
.lists li { border: 1px solid #E2E8F0; border-radius: 12px; padding: 10px 12px; margin-bottom: 8px; }
.lists .description { margin: 4px 0 0 30px; color: #64748B; font-size: 13.5px; line-height: 1.45; }
.lk-einw { display: flex; gap: 6px; align-items: flex-start; font-size: 13.5px; line-height: 1.5; margin-top: 14px; }
.lk-einw label { font-weight: 400; color: #334155; }
.lk-klein { font-size: 12.5px; color: #64748B; line-height: 1.5; }
.button, button.button { background: #0D9488; border: none; border-radius: 10px; color: #fff; font: 700 15px 'Inter', sans-serif; padding: 12px 26px; cursor: pointer; }
.button:hover { background: #0F766E; }
.button.button-outline, .button-outline { background: #fff; color: #0F766E; border: 1.5px solid #0D9488; }
.button.button-outline:hover { background: #F0FDFA; }
input[type=radio] { accent-color: #0D9488; }
altcha-widget { --altcha-color-border: #D8D5CE; --altcha-color-border-focus: #0D9488; --altcha-border-radius: 11px; --altcha-max-width: 100%; }
a { color: #0F766E; }
.lk-fuss { text-align: center; font-size: 12.5px; color: #64748B; line-height: 1.7; padding: 0 16px 28px; }
.lk-fuss a { color: #64748B; }
@media (max-width: 600px) { .container.wrap { margin: 14px 10px; padding: 20px 18px; } .lk-top { padding: 10px 14px; } }