:root{
  --petrol:#073f47;
  --gold:#b79a6a;
  --cream:#f7f3ed;
  --ink:#153a3f;
  --muted:#647174;
  --max:1180px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{color:inherit}
img{display:block;max-width:100%}

/* Startseite: exakt die bereitgestellte Landingpage, ohne visuelle Änderungen */
.landing-wrap{
  position:relative;
  width:96vw;
  max-width:1680px;
  margin:0 auto;
  background:#fff;
}
.landing-wrap>img{
  width:100%;
  height:auto;
  display:block;
}
.hotspot{
  position:absolute;
  display:block;
  z-index:5;
  background:transparent;
  border:0;
  text-indent:-9999px;
  overflow:hidden;
}
.hotspot:focus{
  outline:3px solid rgba(181,138,77,.75);
  outline-offset:2px;
}

/* Normale Unterseiten */
.site-header{border-bottom:1px solid #e8e4dc;background:#fff}
.header-inner{width:min(var(--max),calc(100% - 36px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:100px}
.logo img{width:300px;height:auto}
.nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.nav a{text-decoration:none;font-family:Georgia,"Times New Roman",serif;font-weight:600}
.button{display:inline-block;text-decoration:none;background:var(--gold);color:#fff;padding:13px 20px}
.hero{padding:80px 0 50px;background:linear-gradient(#faf8f4,#fff)}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.15}
h1{font-size:clamp(2.5rem,5vw,4.5rem);margin:0 0 18px}
h2{font-size:clamp(1.8rem,3vw,2.8rem)}
.lead{font-size:1.15rem;max-width:780px}
.section{padding:70px 0}
.alt{background:var(--cream)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{border:1px solid #e6ded2;padding:28px;background:#fff}
.footer{background:var(--petrol);color:#fff;padding:46px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
.footer .logo-box{background:#fff;padding:12px;display:inline-block}
.footer .logo-box img{width:260px}
.footer a{display:block;text-decoration:none;margin:6px 0}
.socials{display:flex;gap:12px;margin-top:16px}
.socials a{width:40px;height:40px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center}
.legal{max-width:900px}
.legal h2{margin-top:36px}
.legal address{font-style:normal}
.footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:28px;padding-top:18px;font-size:.9rem}

@media(max-width:900px){
  .header-inner{align-items:flex-start;flex-direction:column;padding:18px 0}
  .nav{gap:14px}
  .grid,.footer-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .logo img{width:240px}
  .hero{padding-top:50px}
}