/* ============================================================
   Steuer-Erinnerungsservice – Microsite-Styling (gescopet auf .erinnerung-tool)
   1:1 aus Input/Erinnerungsservice/Export-Erinnerungsservice/styles.css.
   Aenderungen gegenueber der Vorlage:
   (a) jeder Selektor auf .erinnerung-tool begrenzt -> SFK-Header/-Footer
       bleiben unberuehrt; (b) body/:root -> .erinnerung-tool;
   (c) Fonts Montserrat/Inter -> Open Sans (Projekt-Font, kommt aus dem Theme;
       font-weight 900 -> 800, mehr traegt die Open-Sans-Variable nicht);
   (d) .devbox (Dev-Mailvorschau) entfernt – Versand laeuft serverseitig;
   (e) disabled-Zustand des Submit-Buttons ergaenzt.
   ============================================================ */
.erinnerung-tool{
  color-scheme:light;
  --primary:#285589; --primary-dark:#1B3F69; --primary-light:#3A6EA8;
  --yellow:#F2A91C; --yellow-dark:#D8941A; --accent-light:#F8C351;
  --ink:#343A40; --muted:#5b6670; --grau:#909692; --white:#ffffff;
  --bg:#ffffff; --bg-alt:#F1F3F5; --card:#ffffff; --line:rgba(210,217,224,.9);
  --fh:'Open Sans','Segoe UI',system-ui,Arial,sans-serif;
  --fb:'Open Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --radius:1.5rem; --radius-sm:.85rem;
  --shadow:0 2px 10px rgba(27,63,105,.06); --shadow-lg:0 22px 44px -14px rgba(27,63,105,.22);
}
.erinnerung-tool, .erinnerung-tool *{box-sizing:border-box;}
.erinnerung-tool{margin:0;background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;}
.erinnerung-tool h1,.erinnerung-tool h2,.erinnerung-tool h3{font-family:var(--fh);}
.erinnerung-tool .wrap{max-width:1080px;margin:0 auto;padding:0 22px;}

/* HERO – flaechiges SFK-Blau statt des Vorlage-Verlaufs (Kundenwunsch
   2026-08-14, konsistent mit den uebrigen Seiten). */
.erinnerung-tool .hero{color:var(--white);position:relative;overflow:hidden;background:var(--primary);}
.erinnerung-tool .hero .wrap{padding-top:56px;padding-bottom:60px;position:relative;}
.erinnerung-tool .hero .mail{position:absolute;top:104px;right:74px;width:66px;height:50px;color:rgba(255,255,255,.9);}
@media(max-width:720px){.erinnerung-tool .hero .mail{top:78px;right:20px;width:46px;height:35px;}}
.erinnerung-tool .eyebrow{font-family:var(--fh);text-transform:uppercase;letter-spacing:.09em;font-size:14px;font-weight:600;margin:0 0 14px;}
.erinnerung-tool .eyebrow .s{color:var(--accent-light);margin-right:7px;}
.erinnerung-tool .hero .eyebrow{color:rgba(255,255,255,.92);}
.erinnerung-tool .hero h1{font-size:clamp(30px,5vw,52px);font-weight:800;line-height:1.06;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 18px;max-width:15ch;color:var(--white);}
.erinnerung-tool .hero h1 em{font-style:normal;color:var(--accent-light);}
.erinnerung-tool .hero .sub{font-size:clamp(17px,2vw,21px);opacity:.95;margin:0 0 14px;max-width:58ch;}
.erinnerung-tool .hero .sub2{font-size:15px;opacity:.82;margin:0 0 26px;max-width:64ch;}
.erinnerung-tool .btn{display:inline-block;font-family:var(--fh);font-weight:700;font-size:15px;cursor:pointer;border:2px solid var(--yellow);
  background:var(--yellow);color:var(--primary-dark);padding:13px 26px;text-decoration:none;transition:background .15s,box-shadow .15s,transform .1s;}
.erinnerung-tool .btn:hover{background:var(--yellow-dark);border-color:var(--yellow-dark);box-shadow:0 6px 18px rgba(242,169,28,.4);}
.erinnerung-tool .btn:active{transform:translateY(1px);}
.erinnerung-tool .btn:focus-visible{outline:3px solid var(--white);outline-offset:3px;}
.erinnerung-tool .btn[disabled]{opacity:.6;cursor:default;}

/* SECTIONS */
.erinnerung-tool section{padding:56px 0;}
.erinnerung-tool section.alt{background:var(--bg-alt);}
.erinnerung-tool .sec-eyebrow{font-family:var(--fh);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:600;color:var(--primary);margin:0 0 8px;}
.erinnerung-tool .sec-eyebrow .s{color:var(--yellow);margin-right:7px;}
.erinnerung-tool h2{font-size:clamp(22px,3.2vw,32px);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;color:var(--primary);margin:0 0 24px;}

/* Ablauf – ein Fenster, Punkte 1–4 */
.erinnerung-tool .stepbox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;}
.erinnerung-tool .step{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:center;padding:20px 26px;}
.erinnerung-tool .step + .step{border-top:1px solid var(--line);}
.erinnerung-tool .step .n{width:52px;height:52px;border-radius:50%;background:var(--yellow);color:var(--primary-dark);font-family:var(--fh);font-weight:800;font-size:20px;display:grid;place-items:center;}
.erinnerung-tool .step h3{margin:0 0 3px;font-size:17px;color:var(--primary-dark);font-weight:700;}
.erinnerung-tool .step p{margin:0;font-size:14.5px;color:var(--muted);}

/* Vorteile – 3 und 3 */
.erinnerung-tool .vorteile{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:620px){.erinnerung-tool .vorteile{grid-template-columns:1fr;}}
.erinnerung-tool .v{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--primary);border-radius:0;padding:18px 20px;box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s;}
.erinnerung-tool .v:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}
.erinnerung-tool .v .ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:11px;background:rgba(40,85,137,.10);color:var(--primary);}
.erinnerung-tool .v .ic .i{width:24px;height:24px;}
.erinnerung-tool .v .t{font-weight:700;font-size:15px;color:var(--primary-dark);line-height:1.3;}

/* Formular */
.erinnerung-tool .form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 32px;box-shadow:var(--shadow-lg);}
@media(max-width:560px){.erinnerung-tool .form{padding:24px 20px;}}
.erinnerung-tool .field{margin-bottom:16px;}
.erinnerung-tool .field > label{display:block;font-size:13px;font-weight:700;color:var(--primary-dark);margin-bottom:6px;}
.erinnerung-tool .field input[type=text],.erinnerung-tool .field input[type=email]{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:15px;color:var(--ink);background:#fbfcfe;}
.erinnerung-tool .field input[type=text]:focus,.erinnerung-tool .field input[type=email]:focus{outline:3px solid rgba(242,169,28,.28);border-color:var(--primary);}

.erinnerung-tool .steuerblock{border:1px solid var(--line);border-radius:12px;padding:15px 17px 9px;background:#fbfcfe;margin-bottom:18px;}
.erinnerung-tool .steuerblock > .lbl{display:block;font-size:13px;font-weight:700;color:var(--primary-dark);margin-bottom:9px;}
.erinnerung-tool .srow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:10px 0;}
.erinnerung-tool .srow + .srow{border-top:1px dashed var(--line);}
.erinnerung-tool .sname{font-size:14px;font-weight:700;color:var(--primary-dark);}
.erinnerung-tool .opts{display:flex;gap:20px;align-items:center;}
.erinnerung-tool .opt{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);cursor:pointer;position:relative;}
.erinnerung-tool .opt input{width:17px;height:17px;accent-color:var(--primary);flex:none;}
.erinnerung-tool .tipbox{position:absolute;bottom:140%;right:0;width:255px;background:var(--primary-dark);color:#fff;font-size:12px;font-weight:400;line-height:1.45;padding:10px 12px;border-radius:10px;box-shadow:var(--shadow-lg);display:none;z-index:6;}
.erinnerung-tool .opt.tip:hover .tipbox,.erinnerung-tool .opt.tip:focus-within .tipbox{display:block;}

.erinnerung-tool .check{display:flex;gap:10px;align-items:flex-start;margin:13px 0;font-size:11.8px;color:var(--muted);line-height:1.5;}
.erinnerung-tool .check input{margin-top:2px;width:16px;height:16px;flex:none;accent-color:var(--primary);}
.erinnerung-tool .check a{color:var(--primary);font-weight:700;}
.erinnerung-tool .check b{color:var(--primary-dark);}

.erinnerung-tool .form .btn{width:100%;margin-top:10px;text-align:center;font-size:16px;padding:15px 18px;}
.erinnerung-tool .hint{font-size:11.8px;color:var(--muted);margin:14px 0 0;line-height:1.5;}
.erinnerung-tool .es-turnstile{margin:16px 0 4px;min-height:65px;}
.erinnerung-tool .err{color:#b23b2e;font-size:12.5px;margin-top:8px;display:none;}
.erinnerung-tool .err.on{display:block;}

.erinnerung-tool .ok{display:none;background:#eef3f8;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;}
.erinnerung-tool .ok.on{display:block;}
.erinnerung-tool .ok h3{margin:0 0 6px;color:var(--primary);font-size:18px;font-weight:800;}
.erinnerung-tool .ok p{margin:0;font-size:14.5px;color:var(--muted);}