@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/eb-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/eb-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/eb-garamond-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/inter-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-latin-700-normal.woff2) format("woff2")}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:56px}
body{margin:0;background:#FBFAF7;font-family:Inter,-apple-system,"Helvetica Neue",Arial,sans-serif;color:#1D1D1F;-webkit-font-smoothing:antialiased}
a{color:#2563A8}a:hover{color:#1A4C85}
input::placeholder{color:#8E8E93}
.serif{font-family:"EB Garamond",Georgia,serif;font-weight:500}
.nowrap{white-space:nowrap}
.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:980px;text-decoration:none;font-weight:500}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

header{position:sticky;top:0;z-index:10;background:rgba(12,24,42,.82);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}
.bar{max-width:1024px;margin:0 auto;padding:0 24px;min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand{font-family:"EB Garamond",Georgia,serif;font-size:15px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#F5F5F7;text-decoration:none;white-space:nowrap}
.brand:hover{color:#fff}
nav{display:flex;align-items:center;gap:28px;font-size:13px}
nav a.navlink{color:#D2D2D7;text-decoration:none;white-space:nowrap}
nav a.navlink:hover{color:#fff}
nav .pill{min-height:32px;padding:0 14px;background:#E8A33C;color:#0C182A;white-space:nowrap}
@media (max-width:680px){.navlink{display:none}}

/* 3D-Buch */
.book{position:relative;aspect-ratio:1350/2150;transform-style:preserve-3d}
.book>div{position:absolute;top:0;bottom:0}
.book img{width:100%;height:100%;display:block;object-fit:cover}

.legal{max-width:720px;margin:0 auto;padding:96px 24px 120px;font-size:17px;line-height:1.65;color:#424245}
.legal h1{font-family:"EB Garamond",Georgia,serif;font-weight:500;font-size:clamp(40px,6vw,56px);letter-spacing:-.02em;color:#1D1D1F;margin:0 0 32px}
.legal h2{font-size:19px;font-weight:500;color:#1D1D1F;margin:40px 0 8px}
.legal p{margin:0 0 14px}