/* Canon.de – Stilrahmen mit pre-Präfix */
.pre-hero { background: #f5f5f5; padding: 2rem 1.5rem; border-bottom: 2px solid #ddd; margin-bottom: 1.5rem; }
.pre-hero h1 { font-size: 2.4rem; font-weight: 300; margin: 0 0 0.3rem 0; color: #222; }
.pre-hero p { font-size: 1.1rem; color: #444; margin: 0; }
.pre-sec-syn { background: #fafafa; padding: 1.5rem; border-left: 4px solid #005a9c; margin-bottom: 1.5rem; }
.pre-sec-syn h2 { font-size: 1.6rem; margin-top: 0; color: #1a1a1a; font-weight: 400; }
.pre-sec-syn ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 0.6rem 1.2rem; }
.pre-sec-syn li { background: #fff; padding: 0.3rem 1rem; border: 1px solid #ccc; border-radius: 20px; font-size: 0.95rem; }
.pre-sec-kw { background: #ffffff; padding: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #e0e0e0; }
.pre-sec-kw h2 { font-size: 1.6rem; font-weight: 400; margin-top: 0; color: #1a1a1a; }
.pre-kw-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem 2rem; padding: 0.5rem 0; border-bottom: 1px solid #ececec; }
.pre-kw-row:nth-child(odd) { background: #f9f9f9; }
.pre-kw-row span { padding: 0.3rem 0.2rem; }
.pre-kw-row .kw-left { font-weight: 500; color: #1a1a1a; }
.pre-kw-row .kw-right { color: #2c2c2c; }
.pre-faq { background: #f4f6f8; padding: 1.5rem; margin-bottom: 1.5rem; border-radius: 4px; }
.pre-faq h2 { font-size: 1.6rem; font-weight: 400; margin-top: 0; }
.pre-faq details { margin-bottom: 0.8rem; background: white; padding: 0.6rem 1rem; border-radius: 6px; box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
.pre-faq summary { font-weight: 500; cursor: pointer; color: #003b6f; }
.pre-faq p { margin: 0.5rem 0 0 0; color: #2a2a2a; }
.pre-sources { background: #fff; padding: 1.5rem; border: 1px solid #e2e2e2; margin-bottom: 1.5rem; }
.pre-sources h2 { font-size: 1.6rem; font-weight: 400; margin-top: 0; }
.pre-sources ol { padding-left: 1.5rem; margin-bottom: 0; }
.pre-sources li { margin-bottom: 0.4rem; }
.pre-related { background: #f0f0f0; padding: 1.5rem; border-radius: 0 0 8px 8px; }
.pre-related h2 { font-size: 1.6rem; font-weight: 400; margin-top: 0; }
.pre-related ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 0.8rem 1.5rem; }
.pre-related a { text-decoration: none; color: #005a9c; border-bottom: 1px dotted #aaa; padding-bottom: 1px; }
.pre-related a:hover { border-bottom: 1px solid #005a9c; color: #00315c; }
.pre-related .pre-tag { font-size: 0.85rem; background: #e0e0e0; padding: 0.1rem 0.6rem; border-radius: 12px; color: #333; }
/* kleine Anpassung für Canon-Look */
body { max-width: 960px; margin: 2rem auto; font-family: ‚Segoe UI‘, Roboto, Helvetica, Arial, sans-serif; line-height: 1.5; color: #1e1e1e; padding: 0 1rem; }
.pre-note { font-size: 0.85rem; color: #6f6f6f; margin-top: 0.3rem; }
.pre-hero small { font-weight: 300; color: #555; }