/* FAR — minimalistische Startseite v0.8 */
:root { --chalk:#f3efe6; --ink:#303429; --accent:#a98d67; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; }
body { background:var(--chalk); color:var(--ink); font-family:Jost,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.site-header { height:88px; padding:0 clamp(24px,4.8vw,86px); display:flex; align-items:center; }
.brand { display:flex; align-items:center; gap:clamp(8px,.9vw,13px); white-space:nowrap; }
.brand img { display:block; width:86px; height:56px; object-fit:contain; }
.brand-wordmark { font-size:30px; font-weight:500; letter-spacing:.11em; }
.brand-place { font-size:clamp(10px,1vw,13px); letter-spacing:.17em; font-weight:400; }
.hero { height:calc(100svh - 88px); min-height:400px; position:relative; overflow:hidden; isolation:isolate; background:#425b64; color:white; }
.hero-photo { position:absolute; inset:0; display:block; }
.hero-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 46%; transform:rotate(1.3deg) scale(1.065); }
.hero-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(13,28,34,.44),rgba(13,28,34,.13) 48%,transparent 74%),linear-gradient(0deg,rgba(13,28,34,.4),transparent 35%,transparent 80%,rgba(13,28,34,.12)); }
.hero-content { position:relative; z-index:1; max-width:1440px; height:100%; margin:auto; padding:clamp(30px,4vw,55px) clamp(26px,5.5vw,94px) clamp(30px,4vw,46px); display:flex; flex-direction:column; }
.coordinates { margin:0; font-size:13px; font-weight:400; letter-spacing:.04em; font-variant-numeric:tabular-nums; line-height:1.5; text-shadow:0 1px 8px #18313880; }
.coord-separator { display:inline-block; padding:0 .42em; }
h1 { margin:auto 0; font-size:clamp(74px,9.2vw,155px); font-weight:300; letter-spacing:-.045em; line-height:1.03; text-shadow:0 2px 25px #102c3240; }
h1 em { color:#f1e8dc; font-style:normal; font-weight:300; }
.location { margin:0; font-size:11px; font-weight:400; letter-spacing:.2em; line-height:1.8; }
@media (max-width:760px) {
  .site-header { height:66px; padding:0 22px; }
  .brand { gap:8px; }
  .brand img { width:72px; height:48px; }
  .brand-wordmark { font-size:26px; }
  .brand-place { font-size:10px; letter-spacing:.09em; }
  .hero { height:calc(100svh - 66px); min-height:440px; }
  .hero-photo img { object-position:46% 50%; transform:rotate(1.3deg) scale(1.09); }
  .hero-photo::after { background:linear-gradient(0deg,rgba(13,28,34,.60),rgba(13,28,34,.15) 45%,transparent 72%,rgba(13,28,34,.18)); }
  .hero-content { padding:36px 25px 39px; }
  .coordinates { font-size:13px; letter-spacing:.04em; }
  h1 { font-size:clamp(59px,12vw,94px); }
  .location { font-size:10px; }
}
@media (max-width:420px) {
  .site-header { padding:0 15px; }
  .brand { gap:6px; }
  .brand img { width:60px; height:42px; }
  .brand-wordmark { font-size:23px; }
  .brand-place { font-size:9px; letter-spacing:.04em; }
  .hero-content { padding-left:19px; padding-right:19px; }
  h1 { font-size:clamp(51px,12.6vw,64px); }
  .coordinates { font-size:13px; letter-spacing:.04em; }
}
@media (max-height:520px) and (orientation:landscape) {
  .site-header { height:58px; }
  .hero { height:calc(100svh - 58px); min-height:260px; }
  .hero-content { padding-top:15px; padding-bottom:15px; }
  h1 { font-size:clamp(45px,8vh,90px); }
}

/* v1.3 — diskrete Sprachauswahl rechts unten, oberhalb des Meerbildes */
.language-picker { position:fixed; right:clamp(18px,3vw,42px); bottom:calc(22px + env(safe-area-inset-bottom, 0px)); z-index:10; font-family:Jost,Arial,sans-serif; }
.language-trigger { display:flex; align-items:center; justify-content:center; gap:5px; padding:10px 5px; min-width:44px; min-height:44px; border:0; border-radius:0; background:transparent; color:rgba(255,255,255,.85); font:400 12px/1 Jost,Arial,sans-serif; letter-spacing:.08em; cursor:pointer; text-shadow:0 1px 6px rgba(10,30,35,.55); }
.language-trigger:hover, .language-trigger:focus-visible { color:#fff; background:transparent; }
.language-menu { position:absolute; right:0; bottom:calc(100% + 10px); min-width:175px; padding:6px; border:1px solid rgba(255,255,255,.3); border-radius:3px; background:rgba(243,239,230,.97); color:#303429; box-shadow:0 8px 26px rgba(0,0,0,.19); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.language-menu[hidden] { display:none; }
.language-menu button { width:100%; display:flex; justify-content:space-between; gap:25px; padding:10px 9px; border:0; background:transparent; color:inherit; text-align:left; font:400 13px/1.4 Jost,Arial,sans-serif; cursor:pointer; }
.language-menu button span:last-child { color:#7e8176; font-size:11px; }
.language-menu button:hover,.language-menu button:focus-visible { background:#e6dfd1; }
.language-menu button[aria-current="true"] { font-weight:500; }
.language-trigger:focus-visible, .language-menu button:focus-visible { outline:2px solid #d9b58e; outline-offset:2px; }
@media(max-width:760px) { .language-picker { right:18px; bottom:calc(18px + env(safe-area-inset-bottom, 0px)); } .location { padding-right:80px; } }