@font-face{font-family:'Geist';font-style:normal;font-weight:300;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/geist@5.3.0/files/geist-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/geist@5.3.0/files/geist-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:500;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/geist@5.3.0/files/geist-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:600;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/geist@5.3.0/files/geist-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/geist@5.3.0/files/geist-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/instrument-serif@5.3.0/files/instrument-serif-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/instrument-serif@5.3.0/files/instrument-serif-latin-400-italic.woff2) format('woff2')}
/* Typografie: Geist (modern, klar) + Instrument Serif kursiv als Akzent.
   Hoehere Spezifitaet, damit diese Regeln die Basis in style.css ueberschreiben. */
html:root{--serif:'Geist',system-ui,sans-serif;--sans:'Geist',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--accent:'Instrument Serif',Georgia,serif}
html body{font-feature-settings:"ss01","cv11";letter-spacing:-.005em}
html h1,html h2,html h3{font-weight:500;letter-spacing:-.045em;line-height:.98}
html h1{font-size:clamp(46px,8.4vw,144px)}
html h2{font-size:clamp(36px,5.6vw,92px)}
html h3{font-size:clamp(24px,2.3vw,34px);letter-spacing:-.03em;line-height:1.1}
html h1 em,html h2 em,html h3 em,html .bigtext em{font-family:var(--accent);font-style:italic;font-weight:400;letter-spacing:-.01em;padding-right:.04em}
html .bigtext{font-weight:300;letter-spacing:-.035em;line-height:1.12;font-size:clamp(28px,4.2vw,66px)}
html .panel .txt h3{font-size:clamp(36px,4.4vw,72px);letter-spacing:-.045em;line-height:1}
html .step .num{font-weight:300;letter-spacing:-.06em;font-size:110px}
html .std .k,html .tier .price,html .summary .tot strong,html .dial-top strong{font-weight:400;letter-spacing:-.04em}
html .std .k{font-size:48px}
html .tier h3{font-size:40px}
html .tier .price{font-size:40px}
html .card h4{font-weight:500;letter-spacing:-.03em;font-size:28px}
html .day-clock .tm{font-weight:400;letter-spacing:-.02em}
html .eyebrow{letter-spacing:.32em;font-weight:500}
html .btn{letter-spacing:.02em;font-weight:600}
html .legal h1{font-size:clamp(36px,5.4vw,64px)}
html .legal h2{font-size:24px;letter-spacing:-.02em;line-height:1.2}