/* Ausschließlich die Einführung für Lehrende; native Sprunglinks und Aufklapper. */
body.lw-mantel[data-lw-page="einfuehrung.html"] > .lw-state-status { display:none; }
.lw-intro { max-width:1060px; margin-inline:auto; }
.lw-intro p { max-width:78ch; }
.lw-intro .intro-back { font-size:15px; margin:0 0 20px; }
.intro-hero { padding:18px 0 28px; }
.lw-intro h1 { font-size:clamp(36px,4.4vw,58px); max-width:850px; letter-spacing:-.025em; margin:12px 0 20px; }
.lw-intro .lw-lead { font-size:21px; max-width:65ch; line-height:1.55; }
.intro-time { color:var(--lw-muted); font-size:15px; margin-top:20px; }
.intro-entry,.intro-finish { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; margin:22px 0; }
.intro-entry > a,.intro-finish > a { min-height:48px; display:inline-flex; align-items:center; }
.intro-map { display:flex; flex-wrap:wrap; gap:0 22px; border-block:1px solid var(--lw-line); padding:12px 0; }
.intro-map > a { display:flex; align-items:baseline; gap:8px; padding:8px 0; font-size:15px; }
.intro-map span { color:var(--lw-muted); font-size:13px; }
.intro-section { padding:34px 0; border-bottom:1px solid var(--lw-line); scroll-margin-top:24px; }
.lw-intro h2 { font-size:clamp(25px,3vw,32px); margin:8px 0 18px; line-height:1.2; }
.lw-intro h3 { font-size:19px; line-height:1.35; margin:0 0 10px; }
.intro-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.intro-features > div { padding-top:16px; border-top:3px solid var(--lw-blue); }
.intro-features p { margin:0; font-size:17px; }
.lw-intro details { margin:14px 0; background:#fff; border-color:var(--lw-line); }
.lw-intro summary { display:list-item; line-height:1.5; padding:4px 0; min-height:40px; font-size:17px; }
.intro-extra { padding-top:6px; }
.intro-extra p { font-size:17px; }
.intro-extra a,.lw-intro li a { overflow-wrap:anywhere; }
.intro-next { display:flex; flex-wrap:wrap; gap:10px 24px; margin:22px 0 0; font-size:15px; }
.intro-next a { display:inline-flex; align-items:center; min-height:44px; }
.intro-process { margin:24px 0 12px; background:var(--lw-soft); padding:22px 24px; border-radius:12px; }
.lw-intro figcaption { font-size:14px; color:var(--lw-muted); margin-bottom:14px; }
.intro-process ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; counter-reset:process; gap:20px; padding:0; margin:0; }
.intro-process li { counter-increment:process; position:relative; padding-top:4px; }
.intro-process li::before { content:counter(process,decimal-leading-zero); display:block; color:var(--lw-blue); font-size:14px; font-weight:700; margin-bottom:8px; }
.intro-process b { display:block; font-size:18px; margin-bottom:6px; }
.intro-process span { display:block; font-size:15px; line-height:1.5; }
.intro-example { margin:20px 0; padding:24px; border:1px solid var(--lw-field); border-radius:12px; background:#fff; }
.intro-example > p { margin-top:0; }
.intro-file-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:20px 0; }
.intro-file { min-width:0; padding:20px; border:1px solid var(--lw-line); background:var(--lw-soft); border-radius:8px; }
.intro-file-kind { display:block; color:var(--lw-blue); font-size:14px; font-weight:700; border-bottom:1px solid var(--lw-line); padding-bottom:12px; margin-bottom:16px; }
.lw-intro .intro-file h3 { font-size:14px; color:var(--lw-muted); margin:16px 0 5px; }
.intro-file p { font-size:17px; margin:0; overflow-wrap:anywhere; }
.intro-file-path { line-height:1.7; }
.intro-folder-image { display:block; width:100%; max-width:680px; height:auto; margin:16px 0; }
.intro-observation { margin:24px 0; padding:18px 24px; border-left:4px solid var(--lw-blue); background:var(--lw-soft); font-size:22px; font-weight:700; max-width:72ch; }
.intro-checklist { padding-left:26px; max-width:80ch; }
.intro-checklist li { padding-left:7px; margin:18px 0; }
.intro-storage { padding:18px 22px; border-left:4px solid var(--lw-blue); background:var(--lw-soft); }
@media(max-width:760px) {
 .intro-features { grid-template-columns:1fr; gap:20px; }
 .intro-process ol { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .intro-file-pair { grid-template-columns:1fr; }
 .lw-intro h1 { font-size:clamp(34px,8vw,46px); }
 .lw-intro .lw-lead { font-size:19px; }
 .intro-hero { padding-top:6px; }
 .intro-example { padding:18px; }
 .intro-section { padding-block:28px; }
 .intro-observation { padding:16px; font-size:20px; }
}
@media(max-width:359px) { .intro-process ol { grid-template-columns:1fr; } .intro-example { padding:14px; } }
@media print {
 .lw-intro h1 { font-size:26pt; }
 .intro-hero,.intro-section { padding-block:12px; }
 .intro-file-pair { grid-template-columns:1fr 1fr; }
 .intro-example,.intro-process { break-inside:avoid; }
 .intro-time { display:none; }
 .intro-storage,.intro-observation,.intro-process { background:#fff; }
}