:root{--ink:#151616;--paper:#f5f3ec;--olive:#a4a080;--od:#75725b;--line:#d7d2c4;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}header,footer{max-width:var(--max);margin:auto;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit}.logo{text-decoration:none;font-weight:900;letter-spacing:.14em}.logo small{display:block;color:var(--od);font-size:8px;letter-spacing:.18em}nav,footer div{display:flex;gap:22px;align-items:center}nav a,footer a{text-decoration:none;font-size:14px}.outline{border:1px solid;padding:7px 12px}.hero{max-width:var(--max);margin:auto;padding:80px 26px 100px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:730px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;color:var(--od)}h1{font-size:clamp(55px,7vw,98px);line-height:.95;text-transform:uppercase;letter-spacing:-.055em;margin:20px 0}h1 span{display:block;font-weight:400;color:var(--od)}.lead{font:clamp(24px,3vw,36px)/1.22 Georgia,serif;color:var(--od)}.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;border:0;padding:16px 22px;font-weight:700;margin-top:15px;cursor:pointer}.fine{font-size:12px;color:#696a64}.stage{min-height:560px;display:grid;place-items:center;background:radial-gradient(circle,rgba(164,160,128,.28),transparent 62%)}.book{width:min(72%,380px);transform:perspective(1000px) rotateY(-10deg);filter:drop-shadow(27px 30px 25px #0005)}.book img{display:block;width:100%}.quote{background:var(--ink);color:#fff;padding:70px 25px;text-align:center;font:italic clamp(26px,4vw,48px)/1.3 Georgia,serif}.section{max-width:var(--max);margin:auto;padding:105px 26px}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px}.section h2,.author h2,.order h2{font:700 clamp(38px,5vw,66px)/1.05 Georgia,serif;letter-spacing:-.035em}.section p,.author p,.order>div p{font-size:18px}.section aside{background:var(--ink);color:#fff;padding:45px}.section aside h3{font:700 29px Georgia,serif}.section aside li{margin:18px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px}.grid article{background:var(--paper);padding:35px;min-height:220px}.grid b{color:var(--od);font-size:12px}.grid h3{font:700 25px Georgia,serif;margin-top:30px}.author{padding:100px max(26px,calc((100vw - var(--max))/2 + 26px));display:grid;grid-template-columns:.45fr 1fr;gap:50px;background:#e8e5da;align-items:center}.author>div:first-child{font-size:clamp(100px,15vw,210px);font-weight:900;color:var(--olive);letter-spacing:-.08em}.order{padding:105px max(26px,calc((100vw - var(--max))/2 + 26px));background:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.price{font-size:42px!important;font-weight:800;border-top:1px solid var(--line);padding-top:20px}.price small{font-size:14px;font-weight:400;color:#777}form{background:#faf9f5;border:1px solid var(--line);padding:40px}form h3{font:700 28px Georgia,serif}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}input{padding:12px;border:1px solid #bbb7aa;font:inherit;background:#fff}.check{display:grid;grid-template-columns:20px 1fr;gap:12px;margin-top:24px;font-weight:400}.check input{width:18px;height:18px}.sum{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:28px}.full{width:100%}.hp{position:absolute;left:-9999px}footer{border-top:1px solid var(--line);border-bottom:0;font-size:13px}.legalbg{background:#ebe9e0}.legal,.message{max-width:850px;margin:45px auto;padding:55px;background:#fff}.legal h1,.message h1{text-transform:none;font:700 clamp(38px,6vw,62px)/1.05 Georgia,serif;letter-spacing:-.03em}.legal h2{font:700 25px Georgia,serif;margin-top:35px}.message form{margin-top:25px}.message form label{margin-bottom:16px}@media(max-width:850px){nav a:not(.outline){display:none}.hero,.two,.author,.order{grid-template-columns:1fr}.hero{padding-top:50px;gap:15px}.grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.wide{grid-column:auto}.author>div:first-child{font-size:110px}.order{gap:30px}footer{flex-direction:column;align-items:flex-start}.legal,.message{margin:14px;padding:27px}}@media(max-width:430px){header{padding:18px 14px}.logo small{display:none}.hero,.section{padding-left:18px;padding-right:18px}form{padding:23px}h1{font-size:52px}}

/* Formular: Auswahlfelder wie Texteingaben darstellen */
form select{width:100%;min-height:46px;padding:11px 12px;border:1px solid var(--line,#d8d4ca);background:#fff;color:inherit;font:inherit;border-radius:0}
form select:focus{outline:2px solid currentColor;outline-offset:2px}