/* LER Web Designmaster R3 · 17.09.2026
   Bestätigt von Anja: D01 B, D02 B, D03 A.
   Kein Drop-in-Ersatz für V62. Nur innerhalb .ler-r3 wirksam.
   Freigegeben: lesbarer Namensblock, Serif am Editorial-Einstieg. Präzisierung 18.09.2026: Startseite hell; Unterseiten-Einstiege blau mit Shine; helle Inhaltsflächen.
   Lokale Fontdateien müssen vor Websiteintegration bereitgestellt werden. */
.ler-r3 {
 --ler-paper: #fffdf8; --ler-paper-soft: #f6f2e8; --ler-white: #ffffff;
 --ler-deep: #0e2639; --ler-prussian: #16324a; --ler-blue: #2c5f8a;
 --ler-blue-soft: #e6edf2; --ler-brass: #b49a62; --ler-line: #d7d0c4;
 --ler-ink: #23282d; --ler-muted: #4d555c;
 --ler-red: #b54349; --ler-signal: #d85858; --ler-confirmed: #4f6f61;
 --ler-sans: Manrope, "Avenir Next", Arial, sans-serif;
 --ler-serif: Newsreader, "Iowan Old Style", Georgia, serif;
 --ler-display: var(--ler-serif);
 --ler-width: 1440px; --ler-reading: 72ch; --ler-gap: 28px;
 color: var(--ler-ink); background: var(--ler-paper); font: 400 1rem/1.6 var(--ler-sans);
}
.ler-r3 *, .ler-r3 *::before, .ler-r3 *::after { box-sizing: border-box; }
.ler-r3 .ler-shell { width: min(var(--ler-width), calc(100% - 48px)); margin-inline: auto; }
.ler-r3 .ler-title { font: 400 clamp(2.25rem, 5vw, 4.5rem)/1.08 var(--ler-display); letter-spacing: -.025em; color: var(--ler-prussian); }
.ler-r3 .ler-section-title { font: 500 clamp(1.5rem, 3vw, 2.5rem)/1.2 var(--ler-sans); }
.ler-r3 .ler-entry-title { font: 500 1.375rem/1.3 var(--ler-sans); }
.ler-r3 .ler-lead { font-size: clamp(1.125rem, 2vw, 1.375rem); line-height: 1.55; }
.ler-r3 .ler-copy { max-width: var(--ler-reading); }
.ler-r3 .ler-meta { font-size: .875rem; line-height: 1.5; color: var(--ler-muted); }
.ler-r3 .ler-action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .65rem 1rem; border: 1px solid var(--ler-prussian); border-radius: 0; background: var(--ler-prussian); color: white; font: 500 1rem/1.4 var(--ler-sans); text-decoration: none; }
.ler-r3 .ler-system { background: var(--ler-white); border-color: var(--ler-red); color: var(--ler-red); }
.ler-r3 :is(a,button,select,input):focus-visible { outline: 3px solid var(--ler-blue); outline-offset: 4px; }
.ler-r3 .ler-shine { background: radial-gradient(ellipse at 72% 0%, rgba(175, 210, 232, .28), transparent 62%), linear-gradient(125deg, #244f73 0%, #2c5f8a 48%, #527f9f 100%); color: white; }
.ler-r3 .ler-rule { border: 0; border-top: 1px solid var(--ler-line); }
.ler-r3 .ler-reading-grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr); gap: var(--ler-gap); }
/* Bestätigte Editorial-Ausnahme D02: .ler-r3[data-type="editorial"] */
.ler-r3[data-type="editorial"] { --ler-display: var(--ler-serif); }
@media (max-width: 760px) {
 .ler-r3 { --ler-gap: 16px; }
 .ler-r3 .ler-shell { width: calc(100% - 32px); }
 .ler-r3 .ler-reading-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .ler-r3 * { scroll-behavior: auto !important; } }