:root{--bg:#f7f7f7;--ink:#262626;--muted:#646464;--accent:#555555;--soft:#eeeeee;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}.header{max-width:1200px;margin:auto;padding:30px 42px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:20px;font-weight:600;text-decoration:none;letter-spacing:-.035em}.brand-dot{color:var(--accent)}nav{display:flex;gap:32px}nav a{font-size:14px;text-decoration:none;color:var(--muted)}nav a:hover,.more:hover,footer a:hover{color:var(--accent)}.hero{max-width:1350px;min-height:650px;margin:auto;display:grid;grid-template-columns:53% 47%;align-items:center;overflow:hidden}.hero-copy{padding:75px 20px 80px max(42px,calc((100vw - 1116px)/2));position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:600;color:var(--accent)}h1{font-size:clamp(53px,6.4vw,94px);font-weight:400;letter-spacing:-.065em;line-height:1.05;margin:22px 0 34px;white-space:nowrap}.tagline{font-size:clamp(26px,3vw,42px);line-height:1.32;letter-spacing:-.025em;margin:0 0 25px}.tagline em{font-style:normal;color:var(--accent)}.subtitle{font-size:17px;color:var(--muted);margin:0 0 38px}.more{font-size:14px;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:8px}.more span{color:var(--accent)}.hero-graphic{height:650px;overflow:hidden;display:flex;align-items:center;justify-content:flex-start}.hero-graphic img{height:680px;width:auto;max-width:none;mix-blend-mode:multiply;transform:translateX(-15px)}.section{max-width:1116px;margin:0 auto;padding:100px 42px 120px}.model{border-top:1px solid #d9dcd9}.model h2,.book h2{font-size:clamp(34px,4.1vw,55px);font-weight:400;letter-spacing:-.045em;line-height:1.16;max-width:780px;margin:26px 0 38px}.model-copy{max-width:750px}.model-copy p,.book-copy>p:not(.eyebrow):not(.meta):not(.book-subtitle){font-size:17px;line-height:1.8;color:#4c4c4c}.book{background:var(--soft)}.book-inner{max-width:1116px;margin:auto;padding:95px 42px;display:grid;grid-template-columns:1.25fr 1fr;gap:85px;align-items:center}.book h2{margin-bottom:5px}.book-subtitle{font-size:24px;color:var(--muted);margin:0 0 30px}.meta{font-size:13px;color:var(--muted);margin-top:34px}.cover-wrap{display:flex;justify-content:center}.cover-wrap img{width:100%;max-width:355px;height:auto;box-shadow:0 14px 35px #0002}footer{max-width:1200px;margin:auto;padding:38px 42px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}footer a{text-decoration:none}@media(max-width:850px){.header{padding:24px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:70px 24px 28px}h1{font-size:clamp(49px,9vw,76px)}.tagline{font-size:clamp(28px,5vw,39px)}.hero-graphic{height:350px;justify-content:flex-end}.hero-graphic img{height:460px;transform:translate(15%,35px)}.section{padding:75px 24px 90px}.book-inner{padding:70px 24px;grid-template-columns:1fr;gap:36px}.cover-wrap img{max-width:290px}footer{padding:30px 24px;flex-direction:column}}@media(max-width:430px){nav{gap:14px}nav a{font-size:12px}.brand{font-size:17px}.hero-graphic{height:270px}.hero-graphic img{height:380px}}

/* Version 3: text-only hero, monochrome palette */
.hero{display:block;max-width:1116px;min-height:0;overflow:visible;}
.hero-copy{padding:105px 42px 125px;max-width:100%;}
.tagline em{color:var(--ink);font-weight:500;}
@media(max-width:850px){.hero{display:block}.hero-copy{padding:80px 24px 95px;}}
@media(max-width:430px){h1{white-space:normal;overflow-wrap:break-word;font-size:clamp(43px,11vw,58px);}}

/* Amazon purchase link */
.buy-link{display:inline-flex;align-items:center;justify-content:center;gap:18px;margin-top:24px;padding:15px 22px;background:var(--ink);color:#fff;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.01em;transition:background .2s ease,transform .2s ease}
.buy-link:hover,.buy-link:focus-visible{background:#505050;transform:translateY(-1px)}
.buy-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* Interaktive Uhr: eigenständige Unterseite, Einstieg auf Homepage */
.clock-teaser{border-top:1px solid #d9dcd9}
.clock-teaser h2{font-size:clamp(34px,4.1vw,55px);font-weight:400;letter-spacing:-.045em;line-height:1.16;max-width:780px;margin:26px 0 32px}
.clock-teaser .model-copy p{font-size:17px;line-height:1.8;color:#4c4c4c}
.clock-link{display:inline-block;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:8px;margin-top:24px;font-size:14px}
.clock-link:hover{color:var(--accent)}
.clock-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px}

/* Version 14: Short explanation and legal pages. */
.intro-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:30px 0 8px}
.intro-step{border-top:1px solid #c5c5c5;padding-top:14px}
.intro-number{font-size:11px;color:#888;letter-spacing:.14em}
.intro-step h3{font-size:19px;letter-spacing:-.02em;font-weight:500;margin:11px 0 7px}
.intro-step p{font-size:14px!important;line-height:1.65!important;margin:0;color:#555}
.site-footer{max-width:1200px;margin:auto;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}
.site-footer nav{display:flex;gap:18px;flex-wrap:wrap}
.site-footer a{text-decoration:none;color:inherit}
.site-footer a:hover{text-decoration:underline}
.legal-content{max-width:900px;margin:0 auto;padding:74px 42px 110px;min-height:55vh}
.legal-content h1{font-size:clamp(44px,6.1vw,72px);margin:22px 0 14px;white-space:normal}
.legal-content h2{font-size:24px;letter-spacing:-.02em;font-weight:500;margin:38px 0 13px}
.legal-content p{font-size:16px;line-height:1.85;color:#4c4c4c;max-width:750px}
.legal-intro{font-size:18px!important;color:#666!important;margin:0 0 35px}
@media(max-width:850px){.intro-steps{grid-template-columns:1fr;gap:19px}.site-footer{padding:30px 24px;flex-direction:column;align-items:flex-start}.legal-content{padding:56px 24px 82px}}
@media(max-width:430px){.site-footer nav{gap:14px}}