:root {
      --bg:#0d1117; --card:#121821; --muted:#a7b0bd; --text:#f5f7fa; --line:rgba(255,255,255,.09);
      --accent:#d4a94f; --accent2:#f0c86f; --max:1200px; --radius:22px; --shadow:0 20px 60px rgba(0,0,0,.28);
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth}
    body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#0a0e14 0%,#0d1117 100%);color:var(--text);line-height:1.65}
    a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
    .container{width:min(calc(100% - 32px),var(--max));margin:0 auto}
    .nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:rgba(10,14,20,.72);border-bottom:1px solid var(--line)}
    .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}
    .brand{display:flex;align-items:center;gap:14px} .brand img{height:40px;width:auto} .brand-text{font-weight:700;letter-spacing:.02em}
    .menu{display:flex;gap:18px;flex-wrap:wrap} .menu a{color:var(--muted);font-size:.96rem} .menu a:hover{color:var(--text)}
    .hero{padding:72px 0 32px} .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:stretch}
    .card,.info-card,.text-card,.contact-card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
    .hero-copy{padding:42px}
    .eyebrow{display:inline-flex;color:var(--accent);font-weight:700;font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
    h1{margin:0 0 16px;font-size:clamp(2.15rem,4.8vw,4.5rem);line-height:1.05;letter-spacing:-0.03em}
    h2{margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.02em}
    .lead{color:var(--muted);font-size:1.12rem;max-width:58ch;margin-bottom:24px}
    .hero-seo{color:var(--muted);font-size:1.02rem;max-width:62ch;margin:0 0 26px}
    .cta-row{display:flex;gap:14px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:700;transition:.2s ease;border:1px solid var(--line)}
    .btn:hover{transform:translateY(-1px)}
    .btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#111;border:none}
    .btn-secondary{background:rgba(255,255,255,.03);color:var(--text)}
    .trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:.95rem}
    .trust span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03)}
    .hero-visual{position:relative;min-height:560px;background:url('assets/terrasse-mit-whirlpool.jpg') center/cover no-repeat}
    .hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,17,23,.08),rgba(13,17,23,.42))}
    .badge-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
    .badge{background:rgba(255,255,255,.04);border:1px solid var(--line);padding:14px 16px;border-radius:18px}
    .badge strong{display:block;font-size:1rem} .badge span{color:var(--muted);font-size:.92rem}

    .hero-facts{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;margin:26px 0 10px}
    .hero-fact{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
    .hero-fact strong{display:block;font-size:.98rem;color:var(--text)}
    .hero-fact span{display:block;color:var(--muted);font-size:.9rem}

    section{padding:30px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px}
    .section-head p{margin:0;color:var(--muted);max-width:56ch}
    .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .info-card{padding:24px}
    .info-card h3{margin:0 0 8px;font-size:1.1rem} .info-card p,.text-card p,.contact-card p{margin:0 0 14px;color:var(--muted)}
    .story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px} .text-card{padding:34px}
    .story-image{min-height:430px;background:url('assets/buschvitz.jpg') center/cover no-repeat;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}
    .highlight{font-size:1.28em;font-weight:700;color:var(--accent)}
    .script{font-family:"Brush Script MT",cursive;font-size:1.45em;color:#f2e1b0}
    .booking-band{padding:0}
    .booking-box{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;padding:26px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(212,169,79,.16),rgba(255,255,255,.03));box-shadow:var(--shadow)}
    .booking-box p{margin:0;color:#ece7da}
    .gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
    .gallery-item{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--line);background:#111;min-height:220px;cursor:pointer}
    .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,opacity .35s ease}
    .gallery-item:hover img{transform:scale(1.04);opacity:.96}
    .gallery-item.large{grid-column:span 8;min-height:380px} .gallery-item.medium{grid-column:span 4;min-height:380px} .gallery-item.small{grid-column:span 4;min-height:260px}
    .gallery-item .caption{position:absolute;left:14px;bottom:14px;background:rgba(0,0,0,.55);padding:8px 12px;border-radius:999px;font-size:.9rem}
    .feature-band{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .feature-panel{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--card);box-shadow:var(--shadow)}
    .feature-panel img{width:100%;height:340px;object-fit:cover} .feature-copy{padding:24px} .feature-copy p{color:var(--muted)}
    .contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:24px} .contact-card{padding:32px}
    .contact-list{display:grid;gap:10px;margin-top:14px} .contact-list div{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
    .footer{padding:30px 0 60px;color:var(--muted);text-align:center;font-size:.95rem}
    .lightbox{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.88);z-index:100;padding:20px}
    .lightbox.open{display:grid} .lightbox img{max-width:min(1200px,96vw);max-height:88vh;border-radius:18px;box-shadow:0 25px 60px rgba(0,0,0,.5)}
    .close-btn{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer}
    @media (max-width:960px) {
      .hero-grid,.story-grid,.contact-grid,.feature-band,.booking-box{grid-template-columns:1fr}
      .info-grid{grid-template-columns:1fr} .badge-strip{grid-template-columns:repeat(2,1fr)} .hero-facts{grid-template-columns:1fr}
      .gallery-item.large,.gallery-item.medium,.gallery-item.small{grid-column:span 12} .hero-visual{min-height:420px}
    }
    @media (max-width:640px) {
      .menu{display:none}
      .hero-copy,.text-card,.contact-card{padding:24px}
      .badge-strip{grid-template-columns:1fr}
      h1{font-size:clamp(1.9rem,8vw,2.7rem);line-height:1.1}
      .lead{font-size:1.02rem}
      .hero-seo{font-size:.98rem}
      .hero-facts{grid-template-columns:1fr}
      .cta-row .btn{width:100%}
      .trust{gap:10px}
      .wa-float{right:14px;bottom:14px;padding:12px 16px}
    }
  
    .review-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;
      background:rgba(255,255,255,.05);border:1px solid var(--line);margin-bottom:16px;color:#f5e6b4;font-weight:700}
    .review-badge small{color:var(--muted);font-weight:600}
    .reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .review-card{padding:24px;border-radius:22px;border:1px solid var(--line);
      background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:var(--shadow)}
    .review-card p{margin:0 0 12px;color:var(--text)}
    .review-card strong{color:var(--accent)}
    .stars{letter-spacing:.08em;color:#f1c96a;font-size:1.05rem}
    @media (max-width:960px){.reviews-grid{grid-template-columns:1fr}}

  
    .wa-float{position:fixed;right:20px;bottom:20px;z-index:9999;display:inline-flex;align-items:center;gap:10px;
      padding:14px 20px;border-radius:999px;background:linear-gradient(135deg,#25D366,#1ebe5d);color:#fff;
      font-weight:700;box-shadow:0 14px 32px rgba(0,0,0,.35);border:none}
    .wa-popup{position:fixed;right:20px;bottom:88px;z-index:9998;max-width:290px;padding:16px 18px;border-radius:16px;
      background:#111;color:#fff;box-shadow:0 14px 32px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);display:none}
    .wa-popup strong{display:block;margin-bottom:4px}
    .wa-popup small{color:#b8c0cc}
    .cta-inline{font-size:1.02rem;color:#f3e1af;font-weight:700}
    .mini-proof{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
    .mini-proof span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--muted);font-size:.92rem}
    .contact-fast{margin-top:18px;padding:18px;border-radius:18px;background:rgba(37,211,102,.08);border:1px solid rgba(37,211,102,.25)}