/* Neutrale Gestaltung ausschließlich für die Danke-Seite. */
.guide-download { margin: 36px auto 0; }
.pdf-product { position:relative; display:block; width:380px; height:470px; max-width:100%; margin:0 auto 24px; text-decoration:none; }
.pdf-preview-cover { position:absolute; top:10px; left:18px; width:290px; height:auto; border:1px solid #e4e4e4; box-shadow:0 20px 40px -14px rgba(0,0,0,.28), -3px 0 0 #ddd; transform:rotate(-3deg); transition:transform .2s ease; }
.pdf-preview-page { position:absolute; top:34px; right:10px; width:270px; height:auto; border:1px solid #e5e5e5; box-shadow:0 15px 30px -16px rgba(0,0,0,.2); transform:rotate(6deg); }
.pdf-product:hover .pdf-preview-cover { transform:rotate(-1deg) translateY(-4px); }
.pdf-caption { margin:0 0 16px; font-size:14px; font-weight:600; color:var(--ink-soft); }
.pdf-download-button { min-width:240px; padding:15px 30px; }
.pdf-download-button .cta__main { font-size:17px; }
.guide-download .microcopy { max-width:440px; margin:16px auto 0; font-size:11px; }
@media(max-width:560px) {
 .pdf-product { width:300px; height:390px; }
 .pdf-preview-cover { left:12px; width:238px; }
 .pdf-preview-page { right:6px; width:220px; }
 .guide-download { margin-top:28px; }
 .pdf-caption { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) {
 .pdf-preview-cover { transition:none; }
 .pdf-product:hover .pdf-preview-cover { transform:rotate(-3deg); }
}

:root {
  --bg: #f7f7f7;
  --surface: #ffffff;
  --ink: #202020;
  --ink-soft: #515151;
  --muted: #666666;
  --line: rgba(0, 0, 0, .12);
  --navy: #303030;
  --navy-dark: #202020;
  --navy-light: #454545;
  --coral: #bcbcbc;
  --coral-deep: #4b4b4b;
  --blush: #f2f2f2;
  --mint: #d0d0d0;
  --mint-soft: #eeeeee;
  --gold: #777777;
  --shadow-card: 0 4px 28px rgba(0, 0, 0, .045), 0 18px 60px -20px rgba(0, 0, 0, .12);
}
.texture::before {
  background-image:
    linear-gradient(45deg, rgba(0, 0, 0, .035) 1px, transparent 1px),
    linear-gradient(-45deg, rgba(0, 0, 0, .035) 1px, transparent 1px);
}
.brand span {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -.5px;
  line-height: 1.2;
}
.cta {
  background: #252525;
  box-shadow: 0 8px 22px -12px rgba(0, 0, 0, .32);
}
.cta:hover {
  background: #3a3a3a;
  box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .4);
}
.cta:focus-visible,
a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline-color: #767676;
}
.plan-panel .cta {
  background: #ffffff;
  color: #202020;
  box-shadow: none;
}
.plan-panel .cta:hover { background: #eeeeee; }
.plan-panel p { color: #dedede; }
.fit--no { background: #f5f5f5; }
@media (max-width: 560px) {
  .brand span { font-size: 17px; }
}