:root{
  --ink:#17110b; --ink2:#25180d; --sand:#e3ab55; --sand2:#f1c87c; --gold:#c9852f;
  --paper:#f4dfad; --cream:#fff3d2; --blue:#0b86c6; --muted:#806445; --line:#6e431f;
  --shadow:0 18px 55px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0c0907;color:var(--cream);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit}
img{max-width:100%;display:block}
button{font:inherit}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;background:#fff;color:#111;padding:10px 14px;z-index:99}
.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(12,9,7,.86);border-bottom:1px solid rgba(227,171,85,.28)}
.nav{max-width:1220px;margin:auto;display:flex;align-items:center;gap:20px;padding:12px 20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.06em;text-decoration:none}
.brand-mark{width:38px;height:38px;border:2px solid #d89a45;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1aa6e9 0 16%,#5b351b 17% 32%,#d1913e 33% 43%,#20140b 44%);box-shadow:0 0 20px rgba(20,154,224,.35)}
.navlinks{margin-left:auto;display:flex;gap:18px;align-items:center}
.navlinks a{text-decoration:none;font-size:.95rem;color:#f5ddb0}
.lang{border:1px solid #8e5d2c;background:#23170e;color:#f7d9a1;border-radius:999px;padding:7px 11px;cursor:pointer}
.hero{min-height:84vh;display:grid;align-items:end;position:relative;overflow:hidden;background:#23150b}
.hero::before{content:"";position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(10,7,5,.84) 0%,rgba(10,7,5,.55) 42%,rgba(10,7,5,.15) 73%),
 linear-gradient(0deg,rgba(10,7,5,.92),transparent 47%),
 url("assets/caravan-game.webp") center/cover no-repeat;transform:scale(1.015)}
.hero-inner{position:relative;max-width:1220px;width:100%;margin:auto;padding:110px 20px 74px}
.eyebrow{display:inline-flex;gap:9px;align-items:center;background:rgba(32,20,10,.78);border:1px solid #9d642e;border-radius:999px;padding:7px 12px;color:#f8d694;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.77rem}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,7vw,6.4rem);line-height:.93;max-width:930px;margin:18px 0 22px;text-shadow:0 4px 25px #000}
.hero p{font-size:clamp(1.05rem,2vw,1.35rem);max-width:710px;color:#ffe6b7}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:13px 18px;font-weight:850;border:1px solid #a46d33}
.btn.primary{background:linear-gradient(#efbd6e,#c98632);color:#1b1109;box-shadow:0 10px 25px rgba(201,133,47,.24)}
.btn.secondary{background:rgba(23,14,8,.8);color:#ffe2ab}
section{padding:86px 20px}
.wrap{max-width:1220px;margin:auto}
.kicker{color:#efb964;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4.5vw,3.9rem);line-height:1.05;margin:.3em 0 .4em}
.lead{max-width:790px;color:#e5c99c;font-size:1.1rem}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.card{background:linear-gradient(180deg,#28190e,#17100a);border:1px solid #755029;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.card img{aspect-ratio:4/3;object-fit:cover}
.card-body{padding:20px}
.card h3{font-family:Georgia,serif;font-size:1.35rem;margin:.15rem 0 .55rem;color:#f7ce89}
.card p{margin:0;color:#d7bd96}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.frame{border:1px solid #9b652f;border-radius:22px;padding:9px;background:#1d120b;box-shadow:var(--shadow)}
.frame img{border-radius:14px}
.feature-list{display:grid;gap:12px;margin:26px 0}
.feature{padding:15px 16px;border-left:3px solid #ce8a37;background:#1c120b;border-radius:0 10px 10px 0}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:13px;margin-top:30px}
.gallery figure{margin:0;overflow:hidden;border-radius:16px;border:1px solid #6d4928;background:#17100b}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.gallery figure:hover img{transform:scale(1.03)}
.g1{grid-column:span 7}.g2{grid-column:span 5}.g3,.g4,.g5{grid-column:span 4}
.video-shell{aspect-ratio:16/9;border:1px solid #9b652f;border-radius:22px;background:
 linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.62)),
 url("assets/leonard-magnifier.webp") center/cover;display:grid;place-items:center;margin-top:30px;box-shadow:var(--shadow)}
.video-card{text-align:center;background:rgba(14,9,6,.82);border:1px solid #a46c34;border-radius:18px;padding:24px 28px;max-width:500px}
.video-card .play{font-size:2.2rem}
.notice{font-size:.92rem;color:#cdb28c}
.business{background:linear-gradient(180deg,#140d08,#24150b)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.info{border:1px solid #75502a;border-radius:16px;padding:22px;background:#181009}
.info dl{display:grid;grid-template-columns:150px 1fr;gap:9px 16px;margin:0}
.info dt{color:#b98b53}.info dd{margin:0;word-break:break-word}
footer{border-top:1px solid #573719;background:#090705;padding:28px 20px;color:#bca27e}
.footer-inner{max-width:1220px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-links a{color:#e8c58e}
.badge{display:inline-block;border:1px solid #75502a;border-radius:999px;padding:4px 9px;color:#e9c38a;font-size:.8rem}
.legal{max-width:900px;margin:50px auto;padding:0 20px 80px;color:#ecd3aa}
.legal h1{font-size:clamp(2.5rem,6vw,4.6rem)}.legal h2{font-size:1.65rem;margin-top:2rem}
.legal a{color:#f5b95f}
.lang-en{display:none}
body.en .lang-de{display:none} body.en .lang-en{display:initial}
body.en div.lang-en, body.en p.lang-en, body.en section.lang-en{display:block}
body.en span.lang-en{display:inline}
@media(max-width:900px){
 .grid4{grid-template-columns:1fr 1fr}.split,.contact-grid{grid-template-columns:1fr}
 .navlinks a:not(.always){display:none}.g1,.g2{grid-column:span 12}.g3,.g4,.g5{grid-column:span 6}
 .hero{min-height:76vh}.hero-inner{padding-top:92px}
}
@media(max-width:600px){
 section{padding:64px 16px}.nav{padding:10px 14px}.grid4{grid-template-columns:1fr}
 .g3,.g4,.g5{grid-column:span 12}.info dl{grid-template-columns:1fr}.info dd{margin-bottom:8px}
 h1{font-size:3rem}
}