@font-face{font-family:Slackey;src:url("../assets/fonts/Slackey-Regular.ttf")}@font-face{font-family:"Bree Serif";src:url("../assets/fonts/BreeSerif-Regular.ttf")}@font-face{font-family:Caveat;src:url("../assets/fonts/Caveat-Variable.ttf")} :root{--yellow:#ffb000;--yellow-light:#fff1bd;--ink:#171717;--paper:#fffdf8;--deep:#f4efe4;--red:#8f2929;--muted:#625e56;--line:#d7d0c4;--sidebar:19rem;--content:76ch}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;color:var(--ink);background:linear-gradient(rgba(23,23,23,.025) 1px,transparent 1px),var(--paper);background-size:100% 31px;font-family:Arial,Helvetica,sans-serif;line-height:1.68}body.nav-open{overflow:hidden}a{color:inherit}button,input{font:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;z-index:100;top:.6rem;left:.6rem;padding:.65rem .9rem;color:#fff;background:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:none}.rulebook-shell{display:grid;min-height:100vh;grid-template-columns:var(--sidebar) minmax(0,1fr)}.rule-sidebar{position:static;z-index:20;display:flex;height:auto;padding:1.25rem 1rem 1.5rem;border-right:4px solid var(--yellow);background:var(--deep);overflow:visible;flex-direction:column}.rule-brand{display:block;margin-bottom:1.15rem;text-decoration:none}.rule-brand strong{display:block;color:var(--yellow);font:400 1.32rem/1.05 Slackey,Impact,sans-serif;letter-spacing:-.03em;text-shadow:-1px -1px var(--ink),1px -1px var(--ink),-1px 1px var(--ink),2px 2px var(--ink);text-transform:uppercase}.rule-brand span{display:block;margin-top:.35rem;color:var(--muted);font: .92rem "Bree Serif",Georgia,serif}.rule-search{position:relative;margin-bottom:1.2rem}.rule-search label{display:block;margin-bottom:.3rem;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.rule-search input{width:100%;min-height:44px;padding:.55rem .7rem;border:2px solid var(--ink);background:#fff}.search-results{position:absolute;z-index:40;top:calc(100% + .35rem);right:0;left:0;max-height:min(65vh,34rem);margin:0;padding:0;border:2px solid var(--ink);background:#fff;box-shadow:5px 5px var(--ink);overflow-y:auto;list-style:none}.search-results[hidden]{display:none}.search-results a,.search-empty{display:block;padding:.7rem;border-bottom:1px solid var(--line);text-decoration:none}.search-results a:hover,.search-results a:focus-visible{background:var(--yellow-light)}.search-results strong,.search-results span,.search-results small{display:block}.search-results span{color:var(--red);font-size:.78rem;font-weight:800}.search-results small{margin-top:.2rem;color:var(--muted);line-height:1.35}.chapter-nav{margin:0;padding:0;list-style:none}.chapter-nav a{display:block;padding:.42rem .55rem;border-left:4px solid transparent;font-size:.9rem;font-weight:800;line-height:1.25;text-decoration:none}.chapter-nav a:hover,.chapter-nav a:focus-visible{border-left-color:var(--red);background:#fff}.chapter-nav a[aria-current=page]{border-left-color:var(--yellow);background:#fff}.sidebar-meta{margin-top:auto;padding-top:1.2rem;color:var(--muted);font-size:.78rem}.mobile-bar{display:none}.rule-main{min-width:0;padding:clamp(2rem,5vw,5.5rem) clamp(1.15rem,5vw,5rem) 5rem}.rule-content{width:min(100%,var(--content));margin:auto}.chapter-kicker{margin:0 0 .4rem;color:var(--red);font:700 .8rem "Bree Serif",Georgia,serif;letter-spacing:.12em;text-transform:uppercase}.rule-content h1{margin:0 0 1.8rem;padding-bottom:.65rem;border-bottom:7px solid var(--yellow);font:clamp(2.35rem,6vw,4.6rem)/1 "Bree Serif",Georgia,serif;text-transform:uppercase}.rule-content h2,.rule-content h3,.rule-content h4{position:relative;font-family:"Bree Serif",Georgia,serif;line-height:1.15}.rule-content h2{margin:2.7rem 0 1rem;padding-top:.5rem;font-size:clamp(1.75rem,4vw,2.55rem)}.rule-content h3{margin:2.25rem 0 .75rem;font-size:clamp(1.35rem,3vw,1.75rem)}.rule-content h4{margin:1.75rem 0 .55rem;font-size:1.15rem}.rule-content p{margin:0 0 1rem}.rule-content ul,.rule-content ol{margin:0 0 1.2rem;padding-left:1.4rem}.rule-content li+li{margin-top:.35rem}.anchor-link{display:inline-flex;margin-left:.4rem;padding:.1rem .2rem;border:0;color:var(--red);background:transparent;font-size:.72em;vertical-align:middle;cursor:pointer;opacity:.45}.rule-content :is(h1,h2,h3,h4):hover .anchor-link,.anchor-link:focus-visible{opacity:1}.rule-box,.example-box,.author-note,.optional-rule{margin:1.5rem 0;padding:1rem 1.15rem;border:2px solid var(--ink);background:#fff}.rule-box .rule-box{margin:1rem 0}.author-note{border:0;border-left:5px solid var(--yellow);background:transparent}.author-note>:first-child{color:var(--red);font:700 1.45rem Caveat,cursive}.optional-rule{border:3px solid var(--red);background:#fff8f2}.optional-label{display:inline-block;margin:-1.8rem 0 .8rem;padding:.15rem .55rem;color:#fff;background:var(--red);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hand-note{margin:1.4rem 0;color:var(--red);font:700 1.35rem/1.25 Caveat,cursive;transform:rotate(-1deg)}.table-scroll{width:100%;margin:1.4rem 0 2rem;border:2px solid var(--ink);overflow-x:auto}.table-scroll .rule-box{margin:0;padding:0;border:0}table{width:100%;min-width:38rem;border-collapse:collapse;background:#fff;font-size:.92rem;line-height:1.35}th,td{padding:.65rem .7rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{border-bottom:3px solid var(--yellow);background:var(--deep);font-family:"Bree Serif",Georgia,serif}tr:nth-child(even) td{background:#fffaf0}.chapter-image{width:min(100%,42rem);max-height:34rem;margin:2rem auto;object-fit:contain}.chapter-footer{display:flex;width:min(100%,var(--content));margin:4rem auto 0;padding-top:1.2rem;border-top:2px solid var(--ink);justify-content:space-between;gap:1rem}.chapter-footer a{font-weight:800;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:3px}.source-note{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}.rulebook-home .rule-content{width:min(100%,86ch)}.rulebook-home h1{color:var(--yellow);font-family:Slackey,Impact,sans-serif;font-weight:400;letter-spacing:-.04em;text-shadow:-2px -2px var(--ink),2px -2px var(--ink),-2px 2px var(--ink),4px 4px var(--ink)}.chapter-grid{display:grid;margin:2rem 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.chapter-grid a{display:block;min-height:100%;padding:1rem;border-left:6px solid var(--yellow);background:#fff;font:1.1rem "Bree Serif",Georgia,serif;text-decoration:none}.chapter-grid a:hover,.chapter-grid a:focus-visible{background:var(--yellow-light)}:focus-visible{outline:3px solid var(--red);outline-offset:3px}@media(max-width:980px){.rulebook-shell{display:block}.mobile-bar{position:sticky;z-index:45;top:0;display:flex;min-height:62px;padding:.55rem 1rem;border-bottom:4px solid var(--yellow);background:rgba(255,253,248,.98);align-items:center;justify-content:space-between;gap:1rem}.mobile-bar strong{font-family:"Bree Serif",Georgia,serif}.nav-toggle,.sidebar-close{min-height:42px;padding:.45rem .75rem;border:2px solid var(--ink);font-weight:900}.nav-toggle{background:var(--yellow)}.rule-sidebar{position:fixed;z-index:50;top:0;bottom:0;left:0;width:min(88vw,22rem);height:100vh;box-shadow:10px 0 rgba(23,23,23,.25);transform:translateX(-110%);transition:transform .17s}.rule-sidebar.is-open{transform:none}.sidebar-close{display:block;width:100%;margin-bottom:.9rem;background:#fff}.rule-main{padding-top:clamp(2rem,6vw,4rem)}}@media(min-width:981px){.sidebar-close{display:none}}@media(max-width:640px){body{font-size:.98rem}.rule-main{padding-right:1rem;padding-left:1rem}.rule-content h1{font-size:clamp(2rem,11vw,3rem)}.chapter-grid{grid-template-columns:1fr}.rule-box,.author-note,.optional-rule{padding:.85rem}.chapter-footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}
.current-subnav{margin:.8rem .55rem 0;padding-top:.75rem;border-top:1px solid var(--line)}.current-subnav strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.current-subnav ul{margin:.4rem 0 0;padding:0;list-style:none}.current-subnav a{display:block;padding:.22rem 0;color:var(--muted);font-size:.78rem;line-height:1.2;text-decoration:none}.current-subnav a:hover{color:var(--red)}


/* Einheitliche Titel- und Direktlinklogik für das Online-Regelwerk. */
.rule-content h1 {
  display: flex;
  width: 100%;
  max-width: 100%;
  align-items: baseline;
  font-size: clamp(2rem, 4.1vw, 3.35rem);
  white-space: nowrap;
}

.rule-content h1 .anchor-link {
  flex: 0 0 auto;
  margin-left: 0.35em;
  font-size: 0.55em;
}

.rulebook-home .rule-content h1 {
  display: block;
  font-size: min(5.45rem, 9.4cqi);
  white-space: nowrap;
}

.rulebook-home .rule-content > h2#online-regelwerk-details {
  display: flex;
  width: fit-content;
  max-width: 100%;
  align-items: baseline;
  gap: 0.35em;
  white-space: nowrap;
}

.rulebook-home #online-regelwerk-details .anchor-link {
  margin-left: 0;
  font-size: 0.58em;
}

.rulebook-home .rule-content,
.rule-brand {
  container-type: inline-size;
}

.rule-brand strong {
  max-width: 100%;
  font-size: clamp(1.45rem, 1.8vw, 1.7rem);
  font-size: min(1.7rem, 9.2cqi);
  white-space: nowrap;
}

@media (max-width: 640px) {
  .rule-content h1 {
    font-size: clamp(1.3rem, 6.8vw, 2rem);
  }
}

/* Kapitelwechsel als kompakte Navigationsbuttons statt Textunterstreichungen. */
.chapter-footer a {
  display: inline-flex;
  min-height: 2.5rem;
  padding: 0.5rem 0.8rem;
  border: 2px solid var(--ink);
  color: var(--ink);
  background: var(--yellow);
  box-shadow: none;
  align-items: center;
  font-weight: 900;
  line-height: 1.2;
  text-decoration: none;
  transition: transform 140ms ease, box-shadow 140ms ease;
}

.chapter-footer a:hover,
.chapter-footer a:focus-visible {
  box-shadow: 4px 4px 0 var(--ink);
  transform: translate(-2px, -2px);
}

.chapter-footer a:active {
  box-shadow: 2px 2px 0 var(--ink);
  transform: translate(0, 0);
}

@media (max-width: 640px) {
  .chapter-footer a {
    width: fit-content;
    max-width: 100%;
  }
}