/* Lake In – lake-in.ch
   Farbwelt «Midnight Champagne». Andere Farbwelt? Nur die Werte unter :root ändern. */

@font-face{font-family:"Outfit";src:url("fonts/outfit-400.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Outfit";src:url("fonts/outfit-700.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-400.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-500.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-600.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url("fonts/lora-italic.woff") format("woff");font-weight:400 700;font-style:italic;font-display:swap}

:root{
  --night:#0E1A24;
  --night-2:#16283A;
  --night-3:#081219;
  --champagne:#D9C29C;
  --champagne-hover:#E6D5B6;
  --pearl:#F5F1EA;
  --paper:#FBF9F5;
  --glacier:#8FB3C4;
  --text:#0E1A24;
  --muted:#565D67;
  --on-night:#F5F1EA;
  --on-night-muted:#B9C3CC;
  --line:#E2DACB;
  --display:"Outfit",system-ui,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Lora",Georgia,serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);color:var(--text);background:var(--pearl);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--champagne);outline-offset:3px}
em{font-family:var(--serif);font-style:italic;font-weight:400}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;font:600 15px/1 var(--body);text-decoration:none;border:0;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn-gold{background:var(--champagne);color:var(--night)}
.btn-gold:hover{background:var(--champagne-hover)}
.btn-line{border:1px solid rgba(245,241,234,.35);color:var(--on-night);background:transparent}
.btn-line:hover{border-color:var(--champagne);color:var(--champagne)}

/* ---------- Startseite ---------- */
body.home{background:var(--night);color:var(--on-night);min-height:100vh;display:flex;flex-direction:column}
.stage{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:72px 24px 56px;display:flex;flex-direction:column;align-items:center;gap:56px;text-align:center}
.intro{display:flex;flex-direction:column;align-items:center}
.mark{display:block}
.wordmark{margin:14px 0 0;font:400 22px/1 var(--display);letter-spacing:.08em;color:var(--on-night)}
.home h1{margin:40px 0 20px;font:400 clamp(48px,8vw,96px)/1 var(--display);letter-spacing:-.02em}
.home h1 em{color:var(--champagne)}
.line{margin:0;font-size:clamp(17px,1.8vw,20px);line-height:1.6;color:var(--on-night)}
.line.en{color:var(--on-night-muted);font-size:clamp(15px,1.5vw,17px)}

.live{width:100%;text-align:left}
.live-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.live h2{margin:0;display:flex;align-items:center;gap:10px;font:600 13px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--champagne)}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--glacier);box-shadow:0 0 0 0 rgba(143,179,196,.55);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(143,179,196,.55)}70%{box-shadow:0 0 0 10px rgba(143,179,196,0)}100%{box-shadow:0 0 0 0 rgba(143,179,196,0)}}
.live-sub{font-size:13px;color:var(--on-night-muted)}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tile{background:var(--night-2);border:1px solid rgba(245,241,234,.1);border-radius:24px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.t-label{margin:0;font:500 13px/1.2 var(--body);color:var(--on-night-muted);letter-spacing:.04em}
.t-main{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px}
.t-value{margin:0;font:400 46px/1 var(--display);letter-spacing:-.02em;color:var(--on-night);white-space:nowrap}
.t-value small{font:400 17px/1 var(--body);color:var(--on-night-muted);letter-spacing:0}
.arrow{transition:transform .6s ease;flex:none;opacity:0}
.t-sub{margin:0;font-size:14.5px;color:var(--on-night);min-height:22px}
.spark{display:block;width:100%;height:64px;margin:10px 0 6px;overflow:visible}
.t-src{margin:0;font-size:12px;line-height:1.4;color:var(--on-night-muted)}
.tile.off .t-sub{color:var(--on-night-muted)}
.t-src [data-ts]{white-space:nowrap}
.keep{white-space:nowrap}

footer.mini{display:flex;justify-content:center;align-items:center;gap:8px 22px;flex-wrap:wrap;padding:24px;font-size:13px;color:var(--on-night-muted);border-top:1px solid rgba(245,241,234,.08);text-align:center}
footer.mini a{color:var(--on-night-muted);text-decoration:none}
footer.mini a:hover{color:var(--champagne)}
footer.mini .credits{flex-basis:100%;font-size:12px}
footer.mini .credits a{text-decoration:underline;text-underline-offset:2px}

@media (max-width:860px){
  .stage{padding:48px 20px 40px;gap:44px}
  .tiles{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.pulse{animation:none}.arrow{transition:none}}

/* ---------- Impressum und Datenschutz ---------- */
[data-lang="de"] [data-l="en"],[data-lang="en"] [data-l="de"]{display:none!important}
.night{background:var(--night);color:var(--on-night)}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:22px 24px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--on-night)}
.logo span{font:400 22px/1 var(--display);letter-spacing:.06em}
.nav-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lang{display:flex;border:1px solid rgba(245,241,234,.25);border-radius:999px;padding:3px}
.lang button{background:none;border:0;color:var(--on-night-muted);font:500 13px/1 var(--body);min-height:40px;min-width:46px;padding:0 12px;border-radius:999px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--pearl);color:var(--night)}
.nav .btn{min-height:46px;padding:0 20px;font-size:14px}
.eyebrow{font:600 12.5px/1.2 var(--body);letter-spacing:.18em;text-transform:uppercase;color:#7A6440;margin:0}
.legal{padding:72px 0 104px}
.legal .wrap{max-width:780px}
.legal h1{font:400 clamp(40px,5vw,56px)/1.05 var(--display);letter-spacing:-.02em;margin:14px 0 28px}
.legal h2{font:400 24px/1.2 var(--display);letter-spacing:-.01em;margin:40px 0 12px}
.legal p,.legal li{font-size:16.5px;line-height:1.7;color:#2B323B}
.legal a{color:var(--night)}
.legal .note{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-size:15px;color:var(--muted)}
.ph{background:#F3E7C9;border-radius:4px;padding:0 4px}
footer.foot-legal{background:var(--night-3);color:var(--on-night-muted);font-size:14px}
.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:32px 24px}
.foot nav{display:flex;gap:22px;flex-wrap:wrap}
.foot a{color:var(--on-night-muted);text-decoration:none}
.foot a:hover{color:var(--champagne)}
@media (max-width:700px){.nav .btn{display:none}}