*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#171717;background:white}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid #e8e8e8;backdrop-filter:blur(10px)}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{width:290px;max-width:48%;display:block}.brand img{width:100%;height:auto;display:block}nav{display:flex;gap:35px;align-items:center}nav a{font-size:13px}nav a:hover{text-decoration:underline}.mobile-toggle{display:none}.hero h1{font-size:clamp(54px,6vw,91px);line-height:1.03;letter-spacing:-.055em;font-weight:400;margin:0 0 34px}.hero p{font-size:17px;line-height:1.85;max-width:560px}.hero-image,.portrait{margin:0;overflow:hidden;background:#f4f4f1}.hero-image{height:510px}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.section{border-top:1px solid #e8e8e8;padding:100px 0}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;color:#777}h2{font-size:clamp(35px,4.1vw,58px);font-weight:400;letter-spacing:-.045em;line-height:1.13;margin:18px 0 26px}p{font-size:16px;line-height:1.85;color:#505050;max-width:660px}.lead{max-width:860px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:55px}.three article{border-top:1px solid #aaa;padding-top:22px}.three h3{font-size:21px;font-weight:400;margin:0 0 15px}.three p{font-size:14px}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:75px;align-items:start}.portrait{height:620px}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.split p{margin:0 0 17px}.video-section{margin-top:95px}.video-placeholder{min-height:360px;aspect-ratio:16/7;background:#f1f1ee;border:1px solid #e6e6e2;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.video-placeholder p{font-size:14px}.play-icon{width:65px;height:65px;border:1px solid #777;border-radius:50%;display:grid;place-items:center;padding-left:4px;color:#555}.muted{font-size:12px;color:#888}footer{background:#171717;color:#fff;padding:55px 0}.foot{display:flex;justify-content:space-between;gap:40px}footer p{color:#bdbdbd;font-size:13px}.foot strong{font-size:14px;font-weight:500}@media(max-width:800px){.header-inner{min-height:76px}.brand{width:225px}.mobile-toggle{display:block;border:0;background:transparent;font-size:15px;padding:12px;cursor:pointer}nav{display:none;position:absolute;left:0;right:0;top:100%;padding:24px 28px;background:white;border-bottom:1px solid #ddd;flex-direction:column;align-items:flex-start;gap:22px}nav.open{display:flex}.split{grid-template-columns:1fr;gap:35px}.hero-image{height:360px}.section{padding:65px 0}.three{grid-template-columns:1fr;gap:18px}.portrait{height:480px;max-width:470px}.video-section{margin-top:60px}.video-placeholder{min-height:230px}.foot{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Einziger Startseiten-Hero: genau ein Bild und ein Textblock. */
.hero {
  position:relative; display:block; padding:0; margin:0; min-height:0;
  background:#fff; overflow:hidden;
}
.hero-panorama {
  position:relative; display:block; width:100%; height:auto; max-width:none;
}
.hero-inner {
  position:absolute; inset:0; width:100%; height:100%; min-height:0;
  display:flex; align-items:center; padding-top:0; padding-bottom:0;
}
.hero-copy {max-width:550px; position:relative; z-index:1;}
.interior-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.interior-gallery figure{margin:0;overflow:hidden;background:#f4f4f1;aspect-ratio:4/5}
.interior-gallery img{width:100%;height:100%;object-fit:cover;display:block}
@media(min-width:801px){
  .split{align-items:stretch}
  .portrait{position:relative;height:calc(100% + 9px);min-height:0}
  .portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
  .about-copy{align-self:stretch}
  .about-copy p:last-child{margin-bottom:0}
}
footer a{color:inherit}
@media(max-width:800px){
  .hero{padding:0;min-height:0}
  .hero-inner{min-height:0;padding-top:0;padding-bottom:0}
  .hero h1{font-size:clamp(28px,6vw,54px);margin-bottom:12px}
  .hero p{font-size:clamp(10px,1.7vw,15px);line-height:1.4}
  .hero-copy{max-width:55%}
  .interior-gallery{grid-template-columns:1fr;gap:22px}
  .interior-gallery figure{aspect-ratio:4/3}
}