.container{max-width:860px;margin:52px auto;padding:0 24px}.intro-box{background:var(--dark-3);border:1px solid var(--border);border-left:3px solid var(--red);border-radius:var(--radius-lg);padding:24px 32px;margin-bottom:32px}.intro-box p{font-size:0.93rem;color:rgba(255,255,255,0.60);font-weight:300;line-height:1.8;margin:0}.section-header{margin-bottom:28px}.section-header h2{font-family:var(--font-display);color:var(--white);font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:700;letter-spacing:0.01em;line-height:1.2;margin-bottom:6px}.section-rule{display:block;width:48px;height:1px;background:var(--gold);margin-top:10px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rules-list{list-style:none;display:flex;flex-direction:column;gap:16px;padding:0;margin:0}.rules-list > li{list-style:none}section[aria-label="Handballregeln"]{padding:0;margin:0}.rule-item{background:var(--dark-3);border:1px solid var(--border);border-left:3px solid var(--red);border-radius:var(--radius-lg);padding:28px 32px;transition:border-color 0.4s ease,transform 0.4s cubic-bezier(0.4,0,0.2,1),box-shadow 0.4s ease;position:relative;overflow:hidden}.rule-item::before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(184,150,90,0.04),transparent 65%);pointer-events:none}.rule-item:hover{border-color:rgba(192,33,43,0.45);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.35)}.rule-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.rule-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(192,33,43,0.5);background:rgba(139,0,0,0.25);color:var(--gold-light);font-size:0.78rem;font-weight:600;letter-spacing:0.05em;flex-shrink:0}.rule-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--white);margin:0;line-height:1.2}.rule-content p{font-size:0.92rem;color:rgba(255,255,255,0.60);font-weight:300;line-height:1.8;margin-bottom:10px}.rule-content p:last-child{margin-bottom:0}.rule-content ul{list-style:none;padding:0;margin:10px 0 0}.rule-content ul li{padding:7px 0 7px 16px;border-bottom:1px solid var(--border);color:rgba(255,255,255,0.60);font-size:0.9rem;font-weight:300;line-height:1.65;position:relative}.rule-content ul li:last-child{border-bottom:none;padding-bottom:0}.rule-content ul li:first-child{padding-top:0}.rule-content ul li::before{content:"";position:absolute;left:0;top:14px;width:5px;height:1px;background:var(--gold)}.rule-content ul li:first-child::before{top:8px}footer a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media(max-width:768px){.intro-box{padding:18px 16px}.rule-item{padding:20px 18px}.rule-title{font-size:1rem}.rule-number{width:30px;height:30px;font-size:0.72rem}}.rules-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.rules-search{flex:1;min-width:200px;max-width:360px}.regel-search-input{width:100%;background:var(--dark-3);border:1px solid var(--border);border-radius:var(--radius);color:var(--white);font-family:var(--font-body);font-size:0.88rem;padding:9px 14px;outline:none;transition:border-color 0.2s ease}.regel-search-input:focus{border-color:var(--gold)}.regel-search-input::placeholder{color:rgba(255,255,255,0.35)}.btn-print{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:var(--dark-3);border:1px solid var(--border);border-radius:var(--radius);color:rgba(255,255,255,0.6);font-family:var(--font-body);font-size:0.8rem;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;transition:color 0.2s ease,border-color 0.2s ease,background 0.2s ease;white-space:nowrap}.btn-print:hover{color:var(--white);border-color:var(--gold);background:rgba(184,150,90,0.08)}.btn-print:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.strafe-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}.strafe-list li{display:flex;align-items:flex-start;gap:10px;font-size:0.9rem;color:rgba(255,255,255,0.55);font-weight:300;line-height:1.6;padding:0}.strafe-badge{display:inline-flex;align-items:center;gap:5px;font-size:0.72rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:3px 10px;border-radius:3px;white-space:nowrap;flex-shrink:0;font-family:var(--font-body)}.strafe-gelb{background:rgba(212,175,55,0.18);border:1px solid rgba(212,175,55,0.4);color:#d4af37}.strafe-gelb svg{color:#d4af37}.strafe-2min{background:rgba(255,140,0,0.15);border:1px solid rgba(255,140,0,0.35);color:#ff8c00}.strafe-rot{background:rgba(192,33,43,0.2);border:1px solid rgba(192,33,43,0.45);color:#e05060}.strafe-rot svg{color:#e05060}.rule-item.search-hidden{display:none}.rule-item mark{background:rgba(184,150,90,0.3);color:var(--white);border-radius:2px;padding:0 2px}@media print{.cookie-banner,nav,.sticky-subnav,header .logo-container,.skip-link,.rules-toolbar,footer{display:none!important}header h1{color:#000!important;font-size:20pt}header .header-sub{color:#555!important}.intro-box{background:#f9f9f9!important;border:1px solid #ddd!important;border-left:3px solid #c0212b!important}.intro-box p{color:#333!important}.rule-item{background:#fff!important;border:1px solid #ccc!important;border-left:3px solid #c0212b!important;break-inside:avoid;box-shadow:none!important;transform:none!important;margin-bottom:10pt}.rule-title,.rule-number{color:#000!important}.rule-content p,.rule-content li{color:#333!important;font-size:9.5pt}.strafe-badge{border:1px solid #999!important;color:#333!important;background:#f0f0f0!important}.container{margin:0!important;padding:0 12pt!important;max-width:100%!important}.section-header h2{color:#000!important}@page{margin:15mm}}.feld-wrap{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:start;margin-top:18px}.handball-feld{width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.pos-circle{fill:rgba(192,33,43,0.7);stroke:#fff;stroke-width:2;cursor:pointer;transition:fill 0.25s,r 0.25s,filter 0.25s}.pos-kl{fill:rgba(184,150,90,0.7)}.pos-text{fill:#fff;font-size:13px;font-weight:700;font-family:system-ui,sans-serif;text-anchor:middle;pointer-events:none}.feld-pos:hover .pos-circle,.feld-pos:focus .pos-circle{fill:var(--red);filter:drop-shadow(0 0 8px rgba(192,33,43,0.6))}.feld-pos.pos-active .pos-circle{fill:var(--red);stroke:var(--gold);stroke-width:3;filter:drop-shadow(0 0 12px rgba(192,33,43,0.7))}.feld-pos:focus{outline:none}.feld-info{background:var(--dark-4);border:1px solid var(--border);border-radius:var(--radius);padding:20px 18px;position:sticky;top:100px}.feld-info-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--gold-light);margin-bottom:10px}.feld-info-desc{font-size:0.88rem;color:rgba(255,255,255,0.6);line-height:1.75}@media(max-width:768px){.feld-wrap{grid-template-columns:1fr}.feld-info{position:static}}.quiz-container{margin-top:18px}.quiz-progress{display:flex;justify-content:space-between;margin-bottom:16px;font-family:monospace;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.4)}.quiz-score{color:var(--gold)}.quiz-question{font-family:var(--font-display);font-size:clamp(1rem,2vw,1.25rem);font-weight:700;color:var(--white);margin-bottom:18px;line-height:1.4}.quiz-options{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.quiz-opt{background:var(--dark-3);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 18px;color:rgba(255,255,255,0.75);font-size:0.9rem;font-family:var(--font-body);cursor:pointer;text-align:left;transition:border-color 0.2s,background 0.2s,transform 0.15s}.quiz-opt:hover:not(:disabled){border-color:rgba(184,150,90,0.4);background:var(--dark-4);transform:translateX(4px)}.quiz-opt:disabled{cursor:default;opacity:0.7}.quiz-opt.quiz-correct{border-color:#5ab85a;background:rgba(90,184,90,0.1);color:#7cd87c}.quiz-opt.quiz-wrong{border-color:#c0212b;background:rgba(192,33,43,0.1);color:#e86b6b}.quiz-feedback{font-size:0.88rem;font-weight:600;margin-bottom:12px;min-height:24px}.quiz-fb-correct{color:#5ab85a}.quiz-fb-wrong{color:#e86b6b}.quiz-next{background:var(--red);color:var(--white);border:none;border-radius:var(--radius);padding:12px 28px;font-size:0.85rem;font-weight:600;cursor:pointer;transition:background 0.2s;font-family:var(--font-body)}.quiz-next:hover{background:var(--red-dark)}.quiz-result{text-align:center;padding:40px 20px}.quiz-result-emoji{font-size:4rem;margin-bottom:12px}.quiz-result-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--gold-light);margin-bottom:8px}.quiz-result-score{font-size:0.95rem;color:rgba(255,255,255,0.6);margin-bottom:24px}.quiz-restart{background:rgba(255,255,255,0.06);color:var(--gold);border:1.5px solid var(--gold);border-radius:var(--radius);padding:12px 32px;font-size:0.88rem;font-weight:600;cursor:pointer;transition:background 0.2s,color 0.2s;font-family:var(--font-body)}.quiz-restart:hover{background:var(--gold);color:var(--dark)}