:root { --tinte: #213142; --papier: #E9E0CC; --rot: #D2412E; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--papier); color: var(--tinte);
  font: 18px/1.6 Georgia, "Times New Roman", serif; }
main { max-width: 680px; margin: 0 auto; padding: 72px 20px 56px; }
h1 { font-size: 56px; line-height: 1; margin: 0; letter-spacing: -.01em; }
h1 a { color: inherit; text-decoration: none; }
.strich { width: 260px; max-width: 100%; border-top: 5px solid var(--rot); border-bottom: 5px solid var(--rot); height: 14px; margin: 18px 0 28px; }
h2 { font-size: 24px; margin: 40px 0 8px; }
.claim { font: 600 14px/1.4 -apple-system, "Helvetica Neue", Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; opacity: .8; }
a { color: var(--rot); }
.knopf { display: inline-block; margin-top: 12px; padding: 12px 20px; background: var(--tinte); color: var(--papier); text-decoration: none; font: 600 16px -apple-system, "Helvetica Neue", Arial, sans-serif; }
footer { margin-top: 56px; font-size: 15px; opacity: .8; }
@media (max-width: 480px) { h1 { font-size: 42px; } main { padding-top: 48px; } }