/* Grundgestaltung des serverseitigen Inhalts-Blocks (src/lib/site-content.js). * * Der Block steht im HTML, bis React das Design übernimmt. Ohne diese Regeln sähe der Moment * davor nach einem Rohentwurf aus. Bewusst SCHLICHT und design-unabhängig: er soll nach einer * fertigen, ruhigen Seite aussehen, nicht eines der drei Designs imitieren. * * Bewusst NICHT versteckt: Inhalt, den nur Crawler sehen und Besucher nie, ist genau das * Cloaking-Muster, das Google abstraft. Er wird gezeigt und dann ersetzt. * * Schrift und Farbwelt stehen über die data-t1-*-Attribute am schon vor dem ersten * Paint bereit (server.js), deshalb reichen hier Maße und Abstände. */ .site-fallback { color: #23211d; font-family: var(--t1-font-body, system-ui, -apple-system, 'Segoe UI', sans-serif); line-height: 1.6; margin: 0 auto; max-width: 68rem; padding: 3rem 1.25rem 4rem; } .site-fallback h1 { font-size: clamp(2rem, 5vw, 3.25rem); letter-spacing: -0.03em; line-height: 1.08; margin: 0 0 1rem; } .site-fallback h2 { border-top: 1px solid rgba(35, 33, 29, 0.14); font-size: 1.5rem; letter-spacing: -0.02em; margin: 3rem 0 1.25rem; padding-top: 1.75rem; } .site-fallback h3 { font-size: 1.125rem; margin: 1.75rem 0 0.5rem; } .site-fallback h4 { font-size: 1rem; margin: 1.25rem 0 0.35rem; } .site-fallback p { margin: 0 0 0.6rem; max-width: 62ch; } .site-fallback article { margin-bottom: 1.25rem; } .site-fallback address { font-style: normal; margin-bottom: 0.75rem; } .site-fallback ul { margin: 0 0 1rem; padding-left: 1.1rem; } .site-fallback li { margin-bottom: 0.3rem; } /* Die Meta-Zeile einer Leistung („45 min · ab 39 €") trägt den Preis und darf nicht untergehen, aber auch nicht lauter sein als der Name darüber. */ .site-fallback article p:last-child { color: #6b6960; font-size: 0.9375rem; } @media (prefers-color-scheme: dark) { .site-fallback { color: #ece9e3; } .site-fallback h2 { border-top-color: rgba(236, 233, 227, 0.16); } .site-fallback article p:last-child { color: #a8a49b; } }