:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--navy:#17365d;--blue:#2f75b5;--bg:#f0f2f5;--card:#fff;--text:#1f2733;--muted:#6b7785;--border:#dfe5ec}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text)}
a{color:inherit}.public-shell{width:min(1180px,calc(100% - 28px));margin:auto;padding:0 0 max(28px,env(safe-area-inset-bottom))}
.public-topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.public-brand{display:flex;align-items:center;gap:11px;text-decoration:none}.public-brand img{border-radius:13px}.public-brand strong,.public-brand small{display:block}.public-brand strong{font-size:1rem}.public-brand small{margin-top:2px;color:var(--muted);font-size:.72rem}
.login-link,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;text-decoration:none;font-weight:800;font-size:.86rem}.login-link{border:1px solid var(--border);background:var(--card)}
.public-hero{min-height:480px;padding:60px 54px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:46px;align-items:center;border-radius:0 0 28px 28px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 12px 32px rgba(23,54,93,.16)}
.eyebrow{display:block;margin-bottom:8px;font-size:.7rem;font-weight:900;letter-spacing:.12em}.hero-copy h1{max-width:720px;margin:0;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.98;letter-spacing:-.045em}.hero-copy>p{max-width:650px;margin:20px 0 0;color:rgba(255,255,255,.84);font-size:1rem;line-height:1.65}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn.primary{background:#fff;color:var(--navy)}.btn.secondary{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff}
.hero-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-summary article{min-height:130px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(255,255,255,.09);backdrop-filter:blur(14px)}.hero-summary span{display:block;color:rgba(255,255,255,.52);font-size:.7rem;font-weight:900}.hero-summary strong{display:block;margin-top:25px;font-size:1.05rem}.hero-summary small{display:block;margin-top:4px;color:rgba(255,255,255,.72)}
.tools-section{padding:54px 0 20px}.section-heading{max-width:700px}.section-heading .eyebrow,.account-section .eyebrow{color:var(--blue)}.section-heading h2,.account-section h2{margin:0;font-size:clamp(1.65rem,4vw,2.25rem);letter-spacing:-.025em}.section-heading p,.account-section p{color:var(--muted);line-height:1.55}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.tool-card{display:grid;grid-template-columns:76px 1fr;gap:18px;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--card);text-decoration:none;box-shadow:0 1px 6px rgba(0,0,0,.06);transition:.18s ease}.tool-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(23,54,93,.10);border-color:#b8cbe0}.tool-icon{width:76px;height:76px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-weight:900;font-size:1rem}.tool-kicker{color:var(--blue);font-size:.67rem;font-weight:900;letter-spacing:.09em}.tool-card h3{margin:5px 0 6px;font-size:1.25rem}.tool-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}.tool-card strong{display:block;margin-top:16px;color:var(--navy);font-size:.85rem}
.account-section{margin-top:38px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:20px;background:var(--card);border:1px solid var(--border)}.account-section>div{max-width:760px}.account-section .btn.primary{background:var(--navy);color:#fff;white-space:nowrap}
.public-footer{display:flex;justify-content:space-between;gap:18px;padding:28px 4px 0;color:var(--muted);font-size:.78rem}.public-footer nav{display:flex;gap:16px}.public-footer a{text-decoration:none}
@media(max-width:820px){.public-hero{padding:38px 26px;grid-template-columns:1fr}.hero-summary{grid-template-columns:repeat(4,1fr)}.hero-summary article{min-height:100px}.hero-summary strong{margin-top:14px}.tool-grid{grid-template-columns:1fr}}
@media(max-width:600px){.public-shell{width:min(100% - 18px,1180px)}.public-brand small{display:none}.public-topbar{height:64px}.public-hero{min-height:0;padding:34px 20px;border-radius:0 0 22px 22px;gap:28px}.hero-copy h1{font-size:2.35rem}.hero-summary{grid-template-columns:1fr 1fr}.tool-card{grid-template-columns:58px 1fr;padding:17px;gap:13px}.tool-icon{width:58px;height:58px;border-radius:14px}.tools-section{padding-top:38px}.account-section{align-items:flex-start;flex-direction:column}.account-section .btn{width:100%}.public-footer{flex-direction:column}}
@media(prefers-color-scheme:dark){:root{--bg:#0f1117;--card:#1b202b;--text:#f3f6fa;--muted:#b7c0cc;--border:#303845;--navy:#17365d;--blue:#2f75b5}.login-link{background:#1b202b}.tool-card strong{color:#dcecff}}

/* SETO 1.1.123 – 01–04 sind direkte Navigationsbuttons */
.hero-summary a{position:relative;min-height:130px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(255,255,255,.09);backdrop-filter:blur(14px);color:#fff;text-decoration:none;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}
.hero-summary a:hover,.hero-summary a:focus-visible{transform:translateY(-2px);background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34);box-shadow:0 12px 26px rgba(8,27,49,.18);outline:none}
.hero-summary a span{display:block;color:rgba(255,255,255,.52);font-size:.7rem;font-weight:900}.hero-summary a strong{display:block;margin-top:25px;font-size:1.05rem}.hero-summary a small{display:block;margin-top:4px;color:rgba(255,255,255,.72)}
.hero-summary a b{position:absolute;right:16px;bottom:15px;font-size:1rem;font-weight:800;opacity:.62;transition:transform .16s ease,opacity .16s ease}.hero-summary a:hover b,.hero-summary a:focus-visible b{transform:translateX(3px);opacity:1}
@media(max-width:820px){.hero-summary a{min-height:100px}.hero-summary a strong{margin-top:14px}}