/* MARSTEK – öffentliche Listmonk-Seiten (Abmelden, Bestätigung, Hinweise) */
@import url("https://rsms.me/inter/inter.css");
body { background: #F2F4F7; color: #1D2024; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #0077ED; text-decoration: none; }
a:hover { color: #1D2024; }
.container { max-width: 560px; margin: 56px auto 16px; }
.wrap { background: #fff; padding: 0 0 8px; border: 0; border-radius: 16px; box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 8px 24px rgba(16,24,40,.06); overflow: hidden; }
.header { background: #1D2024; border: 0; margin: 0; padding: 28px 40px; }
.header .logo a { display: inline-block; }
.header .logo img { display: block; width: 150px; max-width: 150px; height: auto; }
.section { padding: 36px 40px 8px; margin: 0; }
h2 { font-size: 26px; line-height: 1.25; font-weight: 700; letter-spacing: -.3px; margin: 0 0 12px; color: #1D2024; }
p { font-size: 16px; line-height: 1.6; color: #4A5260; margin: 0 0 16px; }
.mk-hint { font-size: 14px; color: #6B7280; border-top: 1px solid #E5E7EB; padding-top: 16px; margin-top: 24px; }
.button { background: #0077ED; color: #fff; border-radius: 8px; padding: 14px 28px; font-size: 16px; font-weight: 600; min-width: 0; line-height: 1.2; transition: background .15s; }
.button:hover { background: #005BB8; color: #fff; }
.button.button-outline { background: #fff; color: #0077ED; border: 2px solid #0077ED; }
.button.button-outline:hover { background: #0077ED; color: #fff; }
.mk-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 8px; }
.mk-actions p { margin: 0; }
.lists li { margin-bottom: 8px; }
input[type="text"], input[type="email"], select { border: 1px solid #D0D5DD; border-radius: 8px; box-shadow: none; }
input:focus { border-color: #0077ED; outline: none; }
footer.container { text-align: center; font-size: 13px; line-height: 1.6; color: #6B7280; margin-top: 20px; margin-bottom: 40px; }
footer.container a { color: #6B7280; }
footer.container a:hover { color: #0077ED; }
@media (max-width: 600px) {
  .container { margin: 0 auto; }
  .wrap { border-radius: 0; box-shadow: none; }
  .header { padding: 22px 24px; }
  .section { padding: 28px 24px 8px; }
  h2 { font-size: 23px; }
  .mk-actions .button, .mk-actions p { width: 100%; }
  footer.container { padding: 0 24px; }
}