/* v4: Feinschliff Startseite (Taste, Hierarchie, Karten, Abstände) */
/* Hierarchie: eine orange Haupttaste, Formular-Knopf dunkelblau */
#landing .pill button[type=submit]{background:var(--b);box-shadow:0 8px 18px rgba(27,79,122,.22)}
#landing .pill button[type=submit]:hover{background:#15426a}
/* Taste: klarer, weniger Halo, bessere Schrift */
.taste{letter-spacing:-.01em;line-height:1.1;gap:14px;padding:15px 28px 15px 18px}
.taste .bell{width:34px;height:34px;flex-basis:34px;box-shadow:inset 0 0 0 2px rgba(242,140,40,.25)}
.taste small{margin-top:3px;letter-spacing:0}
.taste .halo{opacity:.3}
@media(max-width:760px){.taste .halo{display:none}.taste{margin-top:10px}}
/* Hero-Feintuning */
.hero .kick{opacity:.85}
.hero .lead{max-width:540px}
.hero .trust span{font-size:13px}
/* Karten: ruhiger Rand, sanfter Hover */
.steps3 .st,#demotable .ccard,.usp-list li,#faq details{transition:transform .18s ease,box-shadow .18s ease}
.steps3 .st:hover,#demotable .ccard:hover,.usp-list li:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(27,79,122,.12)}
#faq details:hover{box-shadow:0 12px 28px rgba(27,79,122,.10)}
#faq summary{padding-top:14px;padding-bottom:14px}
/* Abschnittsrhythmus */
#landing .section{padding-top:44px}
#landing .section>.sec-kick{margin-bottom:6px}
#landing .section>h2.big{margin-top:0}
/* Rechner: Ergebnis als Karte */
#q_out{border-radius:14px;padding:14px 16px}
#q_out .btn-wa{vertical-align:middle}
/* Sticky-Taste am Handy: Platz lassen, damit nichts verdeckt wird */
@media(max-width:760px){body.has-fab #landing{padding-bottom:84px}#taste-fab{font-size:16px;padding:14px 16px;border-radius:14px;box-shadow:0 10px 26px rgba(27,79,122,.32)}}
/* Fokus sichtbar und einheitlich */
#landing a:focus-visible,#landing button:focus-visible,#landing .taste:focus-visible{outline:3px solid rgba(26,155,181,.45);outline-offset:2px}