:root{--ink:#111;--charcoal:#444;--blue:#5a6d7e;--paper:#f7f7f5;--line:#d9dadb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,"Liberation Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{min-height:116px;padding:28px clamp(24px,6vw,92px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,247,245,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand img{display:block;width:min(310px,42vw);height:auto}nav{display:flex;gap:36px;font-size:12px;letter-spacing:.18em;text-transform:uppercase}nav a,.text-link{transition:color .2s ease}nav a:hover,nav a:focus-visible,.text-link:hover,.text-link:focus-visible{color:var(--blue)}.hero,.profile,.contact{position:relative;min-height:calc(100vh - 116px);padding:clamp(72px,10vw,150px) clamp(24px,9vw,140px);overflow:hidden}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.eyebrow{margin:0 0 34px;color:var(--blue);font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase}h1{margin:0;max-width:760px;font-size:clamp(64px,9vw,144px);font-weight:300;letter-spacing:-.055em;line-height:.88}.intro{max-width:560px;margin:42px 0 32px;color:var(--charcoal);font-size:clamp(17px,1.5vw,22px);font-weight:300;line-height:1.65}.text-link{display:inline-flex;gap:18px;padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.hero-mark{position:relative;justify-self:end;width:clamp(300px,43vw,670px);height:clamp(250px,37vw,580px);color:var(--ink);opacity:.055;font-weight:200;line-height:1;white-space:nowrap;transform:translateX(8%)}.mark-m{font-size:clamp(230px,33vw,520px)}.hero-mark sup{position:absolute;top:clamp(35px,4.2vw,66px);left:78%;color:var(--blue);font-size:clamp(60px,8vw,130px);font-weight:300;line-height:1}.section-number{position:absolute;right:clamp(24px,4vw,64px);bottom:30px;color:#8b8e90;font-size:10px;letter-spacing:.22em}.profile{min-height:720px;display:grid;grid-template-columns:.45fr 1.55fr;gap:clamp(40px,8vw,140px);align-items:center;color:#f4f4f2;background:var(--ink)}.profile .eyebrow,.contact .eyebrow{align-self:start;padding-top:16px}.profile h2,.contact h2{max-width:900px;margin:0;font-size:clamp(40px,6vw,84px);font-weight:300;letter-spacing:-.045em;line-height:1.06}.profile div>p{max-width:720px;margin:42px 0 0;color:#aeb2b5;font-size:clamp(17px,1.5vw,21px);line-height:1.7}.contact{min-height:720px;display:grid;grid-template-columns:.45fr 1.55fr;gap:clamp(40px,8vw,140px);align-items:center}address,.contact-lines{margin:44px 0 0;color:var(--charcoal);font-size:17px;font-style:normal;line-height:1.8}.contact-lines{margin-top:22px}footer{padding:36px clamp(24px,6vw,92px);display:flex;align-items:flex-start;justify-content:space-between;gap:30px;border-top:1px solid var(--line);color:#666;font-size:11px;letter-spacing:.08em}.legal-links{display:flex;gap:28px}details{position:relative}summary{cursor:pointer;list-style:none;text-transform:uppercase}summary::-webkit-details-marker{display:none}.legal-backdrop{position:fixed;inset:0;z-index:30;display:flex;padding:6vh 6vw;background:rgba(17,17,17,.38)}.legal-copy{position:relative;width:min(900px,100%);max-height:88vh;margin:auto;overflow:auto;padding:clamp(28px,5vw,70px);background:var(--paper);color:var(--charcoal);box-shadow:0 25px 90px rgba(0,0,0,.28);letter-spacing:0;font-size:14px;line-height:1.65}.legal-close{display:block;margin:0 0 36px auto;padding:8px 0 8px 16px;border:0;background:transparent;color:var(--blue);cursor:pointer;font:inherit;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.legal-close:hover,.legal-close:focus-visible{color:var(--ink)}.legal-copy h2{margin:0 0 32px;color:var(--ink);font-size:34px;font-weight:400}.legal-copy h3{margin:30px 0 8px;color:var(--ink);font-size:14px}.legal-copy p{margin:0 0 16px}@media(max-width:760px){.site-header{min-height:88px;padding:22px 20px}.brand img{width:190px}nav{gap:18px;font-size:10px}nav a:first-child{display:none}.hero{min-height:calc(100svh - 88px);grid-template-columns:1fr;padding:84px 24px 110px}.hero-mark{position:absolute;right:-45px;bottom:40px;z-index:-1;width:335px;height:285px}.mark-m{font-size:270px}.hero-mark sup{top:35px;left:77%;font-size:70px}.profile,.contact{min-height:auto;grid-template-columns:1fr;padding:90px 24px 120px;gap:16px}.profile .eyebrow,.contact .eyebrow{padding:0}footer{flex-direction:column}.legal-backdrop{padding:3vh 16px}.legal-copy{max-height:94vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Positionierung des großen M⁵-Hintergrundmotivs */
.hero-mark {
  position: relative;
  width: clamp(300px, 43vw, 670px);
  height: clamp(250px, 37vw, 580px);
}

.hero-mark sup {
  position: absolute;
  top: clamp(8px, 1.7vw, 26px);
  left: 70%;
  margin: 0;
}

@media (max-width: 760px) {
  .hero-mark {
    width: 335px;
    height: 285px;
  }

  .hero-mark sup {
    top: 12px;
    left: 70%;
  }
}