/* bellavista-gstaad.ch */
:root{
  --grund:#f4f3ef; --text:#22252a; --leise:#5d6369; --linie:#d9d9d4;
  --schrift:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{--grund:#16181b; --text:#e9eae7; --leise:#a2a8ad; --linie:#30353a;}
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--grund);color:var(--text);font:16px/1.6 var(--schrift);display:flex;flex-direction:column}
.platzhalter{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:48px 16px}
.domain{margin:0 0 18px;font-size:clamp(1.3rem,4vw,1.8rem);letter-spacing:.06em}
.satz{margin:0;color:var(--leise)}
.fuss{display:flex;gap:20px;justify-content:center;padding:20px 16px;border-top:1px solid var(--linie);font-size:.9rem}
.fuss a{color:var(--leise);text-decoration:none}
.fuss a:hover,.fuss a:focus-visible{color:var(--text);text-decoration:underline}
a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.seite{max-width:68ch;margin:0 auto;padding:48px 16px;flex:1}
.seite h1{font-size:1.5rem;font-weight:600;margin:0 0 24px}
.seite h2{font-size:1.1rem;font-weight:600;margin:28px 0 8px}
.seite p,.seite li{color:var(--text)}
.zurueck{display:inline-block;margin-bottom:24px;color:var(--leise)}