/* Teaser-Stile für pasu-praxis.de, ergänzt stil.css (CSP erlaubt nur externe Stylesheets) */
/* Teaser: eine blaue Fläche, Logo, drei Zeilen, ein Satz, Kontakt. Tokens aus stil.css. */
html,body{height:100%}
body{display:flex;flex-direction:column;background:#1466cc;color:#fff}
.teaser{flex:1;display:grid;align-content:center;gap:40px;padding-block:56px 48px}
.teaser .logo{height:56px;width:auto}
@media (min-width:900px){.teaser .logo{height:72px}}
.teaser h1{font-size:clamp(40px,8.5vw,96px);font-weight:700;line-height:.98;letter-spacing:-.025em;text-transform:uppercase;color:#fff}
.teaser h1 span{display:block}
.teaser h1 .leise{color:#9cc4f5}
.teaser .lead{color:#dce9fa;font-size:19px;max-width:52ch}
@media (min-width:900px){.teaser .lead{font-size:22px}}
.teaser .bald{font:500 12px/1.4 var(--display);letter-spacing:.16em;text-transform:uppercase;color:#9cc4f5;display:inline-flex;align-items:center;gap:10px}
.teaser .bald::before{content:"";width:28px;height:2px;background:#9cc4f5}
.teaser .kontakt-zeile{display:flex;flex-wrap:wrap;gap:12px 28px;color:#dce9fa;font-size:17px;align-items:center}
.teaser .kontakt-zeile a{color:#fff;text-decoration-color:rgba(255,255,255,.5)}
.teaser .kontakt-zeile a:hover{color:#fff;text-decoration-color:#fff}
.teaser .kontakt-zeile b{font:500 12px/1.4 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#9cc4f5;display:block}
footer.teaserfuss{padding-block:20px;border-top:1px solid rgba(255,255,255,.18);color:#9cc4f5;font-size:14px}
footer.teaserfuss .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px}
footer.teaserfuss a{color:#dce9fa}
footer.teaserfuss a:hover{color:#fff}