.sub-head{padding:14px 0 56px;background:linear-gradient(rgba(20,23,26,.055) 1px,transparent 1px) 0 0/100% 28px,linear-gradient(90deg,rgba(20,23,26,.055) 1px,transparent 1px) 0 0/28px 100%,var(--ground)}
.sub-crumbs{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:22px}
.sub-crumbs::after{content:"";flex:1;align-self:stretch;min-width:20px;border-bottom:1px solid var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 12px) left bottom/100% 7px no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 60px) left bottom/100% 13px no-repeat}
.sub-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font-size:15.5px;line-height:1.2}
.sub-crumbs li{display:flex;align-items:center}
.sub-crumbs li + li::before{content:"";width:14px;height:9px;margin:0 10px;flex:none;background:linear-gradient(var(--ink),var(--ink)) left center/calc(100% - 2px) 1.5px no-repeat;border-right:1.5px solid var(--ink)}
.sub-crumbs a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:none;background:linear-gradient(var(--tone),var(--tone)) left calc(100% - 9px)/100% 3px no-repeat}
.sub-crumbs a:hover,.sub-crumbs a:focus-visible{background-size:100% calc(100% - 18px);color:var(--on-tone)}
.sub-crumbs [aria-current]{color:var(--grey)}
.sub-head-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:32px 56px;align-items:start}
.sub-head-text{padding-top:10px}
.sub-head .h1-key{font-size:clamp(40px,5.4vw,72px)}
.sub-head .h1-key em{background-image:linear-gradient(var(--tone),var(--tone));background-position:left 88%;background-size:100% .26em;background-repeat:no-repeat}
.sub-head.tone-recht .h1-key em,.sub-head.tone-wissen .h1-key em,.sub-head.tone-schutz .h1-key em{background-size:100% .16em;background-position:left 96%}
.sub-head .h1-rest{margin-top:10px;max-width:18em}
.sub-lede{max-width:47ch;margin-top:18px;font-size:18px;line-height:1.5}
.sub-head-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:22px}
.sub-sec-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 28px;align-items:start}
.sub-sec-no{display:flex;align-items:center;justify-content:center;width:84px;height:84px;background:var(--tone);color:var(--on-tone);border:var(--rule) solid var(--ink);font-family:var(--slab);font-weight:800;font-size:58px;line-height:1;padding-top:8px;font-variant-numeric:tabular-nums}
.sub-sec-head .group-mark{margin-bottom:10px}
@media (max-width:1180px){
  .sub-head-grid{grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:28px 40px}
}
@media (max-width:1000px){
  .sub-head-grid{grid-template-columns:minmax(0,1fr)}
  .sub-head-text{display:contents}
  .sub-head-text > *{order:1}
  .sub-head-text > .sub-lede,.sub-head-text > .sub-head-meta{order:3;margin-top:0}
  .sub-head .h1-rest{margin-bottom:6px}
  .sub-head-grid{gap:0}
  .sub-head-grid > *,.sub-head-text > *{margin-bottom:0}
  .sub-head-text > .sub-head-meta{margin-top:16px}
}
@media (max-width:760px){
  .sub-head{padding:6px 0 36px}
  .sub-crumbs{margin-bottom:10px}
  .sub-crumbs::after{display:none}
  .sub-head .h1-key{font-size:clamp(34px,10.5vw,48px)}
  .sub-lede{font-size:16.5px}
  .sub-sec-head{gap:6px 14px}
  .sub-sec-no{width:52px;height:52px;font-size:36px;padding-top:6px}
  .sub-sec-head > div{display:contents}
  .sub-sec-head .group-mark{align-self:center;margin-bottom:0}
  .sub-sec-head h2,.sub-sec-head .answer{grid-column:1/-1}
  .sub-sec-head .answer{margin-top:6px}
}
.sub-head-grid.is-stacked{grid-template-columns:minmax(0,1fr);gap:22px}
@media (max-width:1000px){.sub-head-grid > :not(.sub-head-text){order:2}}
@media (max-width:760px){.sub-sec-head h2,.sub-head h1{overflow-wrap:break-word;hyphens:auto}}
.page-playhub [data-slot] .slot-fill{background-color:var(--shade)}
.sub-head.has-feature .sub-head-grid:not(.is-stacked){align-items:stretch}
.sub-head.has-feature .sub-head-grid:not(.is-stacked) > :not(.sub-head-text){align-self:start}
.sub-head.has-feature .sub-head-grid:not(.is-stacked) .sub-head-text{display:flex;flex-direction:column}
.sub-head.has-feature .sub-head-grid:not(.is-stacked) .sub-head-text::after{content:"";flex:1 0 210px;max-height:300px;margin-top:22px;background-position:left bottom;background-size:contain;background-repeat:no-repeat}
.sub-head.has-feature .sub-head-grid.is-stacked .sub-head-text{position:relative}
.sub-head.has-feature .sub-head-grid.is-stacked .sub-head-text{padding-right:min(430px,34%)}
.sub-head.has-feature .sub-head-grid.is-stacked .sub-head-text::after{content:"";position:absolute;right:0;bottom:0;width:min(400px,32%);height:min(230px,78%);background-position:right bottom;background-size:contain;background-repeat:no-repeat}
@media (max-width:1000px){.sub-head.has-feature .sub-head-text::after{display:none}.sub-head.has-feature .sub-head-grid.is-stacked .sub-head-text{padding-right:0}}
.page-atlas .sub-head-text::after{background-image:url(img/feat-atlas-cut.webp)}
.page-finder .sub-head-text::after{background-image:url(img/feat-finder-cut.webp)}
.page-game .sub-head-text::after{background-image:url(img/feat-game-cut.webp)}
.page-hub .sub-head-text::after{background-image:url(img/feat-hub-cut.webp)}
.page-lesson .sub-head-text::after{background-image:url(img/feat-lesson-cut.webp)}
.page-maker .sub-head-text::after{background-image:url(img/feat-maker-cut.webp)}
.page-myth .sub-head-text::after{background-image:url(img/feat-myth-cut.webp)}
.page-payment .sub-head-text::after{background-image:url(img/feat-payment-cut.webp)}
.page-play .sub-head-text::after{background-image:url(img/feat-play-cut.webp)}
.page-playhub .sub-head-text::after{background-image:url(img/feat-playhub-cut.webp)}
.page-register .sub-head-text::after{background-image:url(img/feat-register-cut.webp)}
.page-review .sub-head-text::after{background-image:url(img/feat-review-cut.webp)}
.page-slots .sub-head-text::after{background-image:url(img/feat-slots-cut.webp)}
.page-status .sub-head-text::after{background-image:url(img/feat-status-cut.webp)}
.page-text .sub-head-text::after{background-image:url(img/feat-text-cut.webp)}
.page-tool .sub-head-text::after{background-image:url(img/feat-tool-cut.webp)}