:root{--law-blue:#0d2a52;--law-gold:#f2b544;--law-ink:#10243d;--law-soft:#eef4fa;--law-red:#b6382d}.law-hero{padding:7rem 0 4rem;background:radial-gradient(circle at 80% 10%,#eaf4ff 0,transparent 35%),linear-gradient(135deg,#fff 0,#f5f8fc 100%);overflow:hidden}.law-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.law-kicker,.eyebrow{font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9b6a13}.law-hero h1{font-size:clamp(3.2rem,8vw,7rem);line-height:.86;letter-spacing:-.05em;margin:.25em 0}.law-hero h1 span{color:var(--law-blue)}.law-lead{font-size:1.15rem;line-height:1.75;max-width:50rem}.law-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.law-pills span{background:var(--law-blue);color:white;padding:.5rem .8rem;border-radius:999px;font-weight:700;font-size:.82rem}.law-hero-art{margin:0;background:white;padding:.8rem;border-radius:2rem;box-shadow:0 25px 70px #0d2a5222;transform:rotate(1deg)}.law-hero-art img{width:100%;display:block;border-radius:1.4rem}.law-hero-art figcaption{text-align:center;font-size:.72rem;color:#667;padding:.6rem}.law-intro{padding:2rem 0;background:var(--law-blue);color:white}.law-note,.law-rule{padding:1.4rem 1.6rem;border-radius:1rem}.law-note{background:#ffffff10;border:1px solid #ffffff20}.law-note p{margin:.4rem 0 0;line-height:1.6}.law-rule{margin-top:1rem;background:white;color:var(--law-ink)}.law-rule span{font-size:.7rem;font-weight:900;color:#9b6a13;letter-spacing:.12em}.law-rule strong{display:block;font-size:1.3rem;margin:.25rem 0}.law-rule p{margin:0}.law-section{padding:5rem 0}.law-section h2{font-size:clamp(2.1rem,5vw,4rem);margin:.2em 0 .35em;color:var(--law-ink)}.law-section-lead{max-width:55rem;font-size:1.08rem}.law-accordion{margin-top:2rem;display:grid;gap:1rem}.law-accordion details{background:#fff;border:1px solid #dbe3ed;border-radius:1.25rem;box-shadow:0 8px 30px #173b6510;overflow:hidden}.law-accordion summary{cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.25rem;list-style:none}.law-accordion summary::-webkit-details-marker{display:none}.law-accordion summary .num{width:3.2rem;height:3.2rem;display:grid;place-items:center;border-radius:1rem;background:var(--law-blue);color:white;font-weight:900}.law-accordion summary small{display:block;color:#8c6a2b;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.law-accordion summary strong{display:block;font-size:1.35rem;color:var(--law-ink)}.law-accordion summary b{font-size:1.8rem;color:#9b6a13}.law-accordion details[open] summary b{transform:rotate(45deg)}.law-body{padding:0 1.4rem 1.5rem}.comic-line{background:#fff4d9;border-left:5px solid var(--law-gold);padding:1rem 1.1rem;border-radius:.5rem;margin:.25rem 0 1.25rem;font-weight:750;color:#3a2b13}.law-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.2rem}.law-grid article{background:#f7f9fc;border-radius:1rem;padding:1.25rem}.law-grid h3{color:var(--law-blue);margin-top:0}.law-grid p,.law-grid li{line-height:1.65}.law-grid li+li{margin-top:.35rem}.mini{border-top:4px solid var(--law-gold)}.mini .big{text-align:center;font-size:2.2rem}.jurist{margin-top:1.2rem;background:var(--law-blue);color:white;padding:1.1rem 1.25rem;border-radius:1rem}.jurist b{color:#ffd26d}.jurist p{margin:.35rem 0 0;line-height:1.55}.law-flow{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.law-flow span{background:#e9f0f8;padding:.55rem .8rem;border-radius:.7rem;font-weight:800}.law-flow i{font-style:normal;color:#9b6a13}.law-books{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.law-books span{background:var(--law-blue);color:#fff;padding:.55rem .75rem;border-radius:.4rem;font-weight:800;box-shadow:inset 4px 0 var(--law-gold)}.law-test{background:#eef4fa}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.case-grid article{background:white;padding:1.4rem;border-radius:1.2rem;box-shadow:0 10px 30px #173b6512}.case-grid h3{color:var(--law-blue)}.case-grid button{width:100%;text-align:left;margin:.35rem 0;padding:.8rem;border:1px solid #cfd9e5;background:#f7f9fc;border-radius:.7rem;cursor:pointer}.case-grid button.right{background:#e4f5e9;border-color:#65a979}.case-grid button.wrong{background:#fde9e6;border-color:#c86c61}.answer{padding:.8rem;background:#e4f5e9;border-radius:.7rem}.sources{background:#101e31;color:white}.sources h2{color:white}.source-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin:1.5rem 0}.source-grid a{color:white;text-decoration:none;border:1px solid #ffffff33;padding:.9rem;border-radius:.7rem}.source-grid a:hover{background:#ffffff10}.copyright-box{margin-top:1.5rem;border-top:1px solid #ffffff22;padding-top:1.2rem;color:#cbd5e1;font-size:.85rem;line-height:1.6}@media(max-width:850px){.law-hero{padding-top:5rem}.law-hero-grid,.law-grid,.case-grid{grid-template-columns:1fr}.law-hero-art{order:-1}.law-hero h1{font-size:clamp(3rem,15vw,5rem)}.source-grid{grid-template-columns:1fr 1fr}.law-accordion summary{gap:.7rem;padding:1rem}.law-accordion summary .num{width:2.7rem;height:2.7rem}.law-accordion summary strong{font-size:1.08rem}.law-accordion summary small{font-size:.65rem}}@media(max-width:520px){.law-section{padding:3.5rem 0}.law-hero-art{margin:0 -.4rem}.law-lead{font-size:1rem}.source-grid{grid-template-columns:1fr}.law-body{padding:0 .85rem 1rem}.law-grid article{padding:1rem}.law-flow{align-items:stretch;flex-direction:column}.law-flow i{transform:rotate(90deg);align-self:center}}

/* Stufe 2: visuelle Lernbilder */
.law-visual-lab{background:#f7f9fc}.traffic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.traffic-card{background:#fff;border:1px solid #dbe3ed;border-radius:1.25rem;padding:1.2rem;box-shadow:0 10px 30px #173b6510}.traffic-card h3{margin:.1rem 0 .8rem;color:var(--law-blue)}.traffic-card>strong{display:block;color:var(--law-blue);margin-top:.8rem}.traffic-card p{line-height:1.55}.skybox{height:190px;position:relative;overflow:hidden;border-radius:1rem;background:linear-gradient(#bfe4ff,#eef8ff 70%,#d9efc8);border:1px solid #cfe0ee}.pg{position:absolute;font-size:2.8rem;filter:drop-shadow(0 5px 5px #1234)}.pg-a{left:15%;top:38%;transform:scaleX(-1)}.pg-b{right:15%;top:38%}.arrow{position:absolute;font-size:3rem;font-weight:900;color:#c04438}.ar-a{left:34%;top:44%}.ar-b{right:34%;top:24%;color:#164f91}.cross .pg-c{left:12%;top:54%;transform:rotate(-15deg)}.cross .pg-d{right:16%;top:18%;transform:rotate(70deg)}.yield{position:absolute;left:22%;top:22%;background:#fff4d9;border:2px solid var(--law-gold);padding:.35rem .55rem;border-radius:.5rem;font-size:.7rem;font-weight:900}.ridge .mountain{position:absolute;right:-4%;bottom:-12%;font-size:10rem}.ridge .pg-e{right:28%;top:35%}.ridge .pg-f{left:16%;top:35%;transform:scaleX(-1)}.escape{position:absolute;left:43%;top:12%;font-size:3.5rem;color:#164f91}.thermal-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8rem;color:#f0a72d;opacity:.8}.thermal .pg-g{left:29%;top:25%}.thermal .pg-h{right:27%;bottom:18%;transform:rotate(25deg)}.airspace-lab{background:#fff}.airspace-scene{position:relative;border-radius:1.4rem;overflow:hidden;border:1px solid #cdd8e6;box-shadow:0 14px 40px #173b6512;margin-top:1.5rem}.airspace-band{min-height:92px;display:grid;grid-template-columns:72px 1fr;align-items:center;padding:0 1.2rem;border-bottom:1px solid #ffffff80}.airspace-band b{font-size:2.2rem}.airspace-band span{font-weight:700}.band-c{background:#d9e7f7}.band-d{background:#e7eef7}.band-e{background:#eef6fb}.band-g{background:#f4f7e9;min-height:125px}.air-pilot{position:absolute;right:12%;bottom:72px;font-size:3.2rem;filter:drop-shadow(0 5px 5px #1234)}.air-ground{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:.75rem;font-weight:900;color:#31522c;letter-spacing:.08em}.diagram-note{background:#fff4d9;border-left:5px solid var(--law-gold);padding:1rem;border-radius:.6rem;line-height:1.55}.whats-new-links{display:flex;gap:.8rem;flex-wrap:wrap}.whats-new-links a{white-space:nowrap}@media(max-width:850px){.traffic-grid{grid-template-columns:1fr}.skybox{height:175px}.airspace-band{grid-template-columns:48px 1fr;padding:0 .8rem}.airspace-band b{font-size:1.7rem}.airspace-band span{font-size:.86rem}.air-pilot{right:7%}}

/* Vertiefung */
.deep-lab{background:linear-gradient(180deg,#0d2a52 0,#132f53 100%);color:white}.deep-lab h2{color:white}.deep-lab .law-section-lead{color:#dce8f6}.deep-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;margin:2rem 0}.deep-card{background:white;color:var(--law-ink);border-radius:1.25rem;padding:1.35rem}.deep-card h3{font-size:1.5rem;color:var(--law-blue)}.deep-tag{display:inline-block;background:#fff4d9;color:#704a00;border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:900;letter-spacing:.1em}.vmc-table{display:grid;gap:.55rem}.vmc-table>div{display:grid;grid-template-columns:1.2fr .7fr 1.4fr;gap:.6rem;padding:.75rem;background:#f4f7fb;border-radius:.7rem;align-items:center}.vmc-table span{font-size:.88rem}.fine{font-size:.78rem;line-height:1.55;color:#53657a}.decode{padding-left:1.4rem}.decode li{padding:.45rem 0}.decode span{display:block;color:#52657a;font-size:.9rem}.rule-layers{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1rem 0}.rule-layers article{background:#ffffff10;border:1px solid #ffffff22;border-radius:1rem;padding:1rem}.rule-layers article>b{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--law-gold);color:#1b2d44}.rule-layers h3{color:white;margin:.6rem 0 .3rem}.rule-layers p{color:#dce8f6;font-size:.88rem;line-height:1.5}.trap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.trap-grid article{background:#fff4d9;color:#2e2a22;border-radius:1rem;padding:1rem}.trap-grid h3{margin:.1rem 0 .45rem;color:#704a00}.trap-grid p{margin:0;line-height:1.55}.coverage{background:#f7f9fc}.coverage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:1.5rem 0}.coverage-grid>div{display:grid;grid-template-columns:48px 1fr;gap:.15rem .7rem;background:white;border:1px solid #dbe3ed;border-radius:1rem;padding:1rem}.coverage-grid b{grid-row:1/3;display:grid;place-items:center;background:var(--law-blue);color:white;border-radius:.7rem}.coverage-grid span{font-weight:900;color:var(--law-blue)}.coverage-grid small{color:#596b7d;line-height:1.4}.audit-note{background:#e8f2ff;border-left:5px solid #315e92;padding:1rem;border-radius:.6rem;line-height:1.6}.source-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:850px){.deep-grid,.rule-layers,.trap-grid,.coverage-grid{grid-template-columns:1fr}.vmc-table>div{grid-template-columns:1fr}.source-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.source-grid{grid-template-columns:1fr}.deep-card{padding:1rem}.vmc-table>div{padding:.7rem}}

.practice-check{margin-top:1rem;background:#fff4d9;border-left:5px solid var(--law-gold);padding:1rem 1.15rem;border-radius:.7rem;color:#342a18}.practice-check b{color:#704a00}.practice-check p{line-height:1.58;margin:.45rem 0}.practice-check small{display:block;color:#6b604f;margin-top:.6rem}
/* HIMMELSFREI Lernbegleiter — approved character master, 27.09.2026 */
.law-hero-art{background:transparent;padding:0;box-shadow:none;transform:none;display:flex;flex-direction:column;align-items:center}
.law-hero-art img{width:min(100%,360px);height:auto;object-fit:contain;border-radius:0;filter:drop-shadow(0 18px 24px rgba(13,42,82,.16))}
.law-hero-art figcaption{font-size:.68rem;color:#718096;padding:.35rem 0 0}
.hf-character-inline{float:right;width:clamp(105px,18vw,180px);margin:-.2rem 0 .75rem 1.15rem;position:relative;z-index:1}
.hf-character-inline img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(13,42,82,.14))}
@media(max-width:850px){.law-hero-art{order:0;margin:.4rem auto 0}.law-hero-art img{width:min(56vw,230px)}.law-hero-grid{align-items:end}.hf-character-inline{width:118px;margin:0 0 .6rem .8rem}}
@media(max-width:520px){.law-hero-art img{width:min(48vw,190px)}.law-hero-art figcaption{font-size:.6rem}.hf-character-inline{width:104px;margin:0 0 .45rem .65rem}}
/* HIMMELSFREI character integration QA 2026-09-27 */
.law-hero-art img{width:min(100%,320px);max-height:420px;object-fit:contain;background:transparent!important}
.hf-character-inline{float:right;width:clamp(118px,16vw,170px);margin:.15rem 0 .8rem 1.15rem;background:transparent!important;border:0!important;overflow:visible!important}
.hf-character-inline img{width:100%;height:auto;object-fit:contain;background:transparent!important;border-radius:0!important;clip-path:none!important}
.comic-line{clear:both}
@media(max-width:850px){.law-hero-art img{width:min(44vw,205px)}.hf-character-inline{float:none;width:min(42vw,150px);margin:.35rem auto .8rem}.comic-line{clear:both}}
@media(max-width:520px){.law-hero-art img{width:min(40vw,170px)}.hf-character-inline{width:min(38vw,138px)}}

/* 2026-09-27 CHARACTER ROLLBACK: inconsistent generated figures removed; factual content untouched. */
.law-hero-grid{grid-template-columns:1fr!important}.law-hero-grid>div{max-width:58rem}

/* HIMMELSFREI Lernbegleiter — freistehende Master-Cliparts 27.09.2026 */
.law-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)!important;align-items:end;gap:2rem}
.law-hero-grid>div{max-width:58rem}
.law-hero-art{margin:0;align-self:end;overflow:visible!important;background:transparent!important}
.law-hero-art img{display:block;width:min(100%,390px)!important;max-height:none!important;height:auto!important;object-fit:contain!important;clip-path:none!important;border-radius:0!important;background:transparent!important;filter:drop-shadow(0 16px 22px rgba(13,42,82,.14))}
.hf-character-inline{float:right;width:clamp(145px,20vw,220px)!important;margin:.4rem 0 1rem 1.3rem!important;overflow:visible!important;background:transparent!important;border:0!important}
.hf-character-inline img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;clip-path:none!important;border-radius:0!important;background:transparent!important;filter:drop-shadow(0 10px 14px rgba(13,42,82,.12))}
@media(max-width:850px){.law-hero-grid{grid-template-columns:1fr!important}.law-hero-art{order:0!important;margin:.5rem auto 0}.law-hero-art img{width:min(62vw,280px)!important}.hf-character-inline{float:none!important;width:min(48vw,180px)!important;margin:.55rem auto 1rem!important}}
@media(max-width:520px){.law-hero-art img{width:min(68vw,245px)!important}.hf-character-inline{width:min(52vw,165px)!important}}