.subpage-shell {
  --subpage-max-width: 1080px;
  --subpage-side-padding: 16px;
  --game-rules-logo-left-nudge: -10px;
  --subpage-header-offset-fallback: calc(6.5rem + env(safe-area-inset-top, 0px));
  --subpage-header-offset: var(--subpage-header-offset-dynamic, var(--subpage-header-offset-fallback));
  --subpage-section-gap: 20px;
  --subpage-card-padding: 20px;
  --subpage-breadcrumb-weight: 500;
  --subpage-breadcrumb-active-weight: 700;
  padding-top: var(--subpage-header-offset);
}

.subpage-shell #header,
.subpage-shell #nav-header,
.subpage-shell #header_without_user,
.subpage-shell #headerMobile {
  z-index: 1200 !important;
}

.subpage-shell #nav-header,
.subpage-shell #header_without_user,
.subpage-shell #headerMobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.subpage-shell .container {
  width: 100%;
  max-width: var(--subpage-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--subpage-side-padding);
  padding-right: var(--subpage-side-padding);
  padding-top: 0;
  text-align: left;
}

.subpage-shell .subpage-page,
.subpage-shell .subpage-intro,
.subpage-shell .subpage-section {
  width: 100%;
  max-width: var(--subpage-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--subpage-side-padding);
  padding-right: var(--subpage-side-padding);
  text-align: left;
}

.subpage-shell .subpage-section,
.subpage-shell .subpage-page,
.subpage-shell .subpage-intro {
  padding-top: 0;
}

.subpage-shell .breadcrumbs {
  margin-top: 0;
  margin-bottom: 12px;
}

.subpage-shell .breadcrumbs p {
  margin: 0;
}

.subpage-shell .breadcrumbs,
.subpage-shell .breadcrumbs p,
.subpage-shell .breadcrumbs a,
.subpage-shell .breadcrumbs span {
  font-weight: var(--subpage-breadcrumb-weight) !important;
}

.subpage-shell .breadcrumbs .breadcrumb-bold {
  font-weight: var(--subpage-breadcrumb-active-weight) !important;
}

.subpage-shell .title-container-wrapper {
  padding: 0 !important;
  margin: 0 0 8px 0 !important;
}

.subpage-shell .title-container {
  gap: 8px !important;
}

.subpage-shell .title,
.subpage-shell .main-title {
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 700 !important;
  font-size: 2.5rem !important;
  line-height: 1.1 !important;
}

.subpage-shell .subtitle {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 1.5rem !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  color: #ff4d01 !important;
}

.subpage-shell .subpage-content-wrapper {
  margin-top: var(--subpage-section-gap);
  margin-bottom: 32px;
}

.subpage-shell .hotlines-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  align-items: stretch;
  padding: var(--subpage-card-padding);
  gap: 16px;
}

.subpage-shell .hotline-item,
.subpage-shell .hotline-information,
.subpage-shell .hotline-details,
.subpage-shell .hotlines-list-item {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .subpage-shell {
    --subpage-side-padding: 14px;
    --subpage-section-gap: 16px;
    --subpage-card-padding: 16px;
  }

  .subpage-shell .breadcrumbs,
  .subpage-shell .breadcrumbs p,
  .subpage-shell .breadcrumbs a,
  .subpage-shell .breadcrumbs span {
    font-size: 1rem;
    line-height: 1.35;
  }

  .subpage-shell .title,
  .subpage-shell .main-title {
    font-size: clamp(1.9rem, 7vw, 2.2rem) !important;
    line-height: 1.1 !important;
  }

  .subpage-shell .subtitle {
    font-size: clamp(1.15rem, 4.5vw, 1.45rem) !important;
    line-height: 1.2 !important;
  }

  .subpage-shell .subpage-content-wrapper {
    margin-top: var(--subpage-section-gap);
    margin-bottom: 24px;
  }

  .subpage-shell .resources-grid {
    gap: 16px;
  }

}

@media screen and (max-width: 450px) {
  .subpage-shell {
    --subpage-side-padding: 12px;
    --subpage-card-padding: 14px;
  }

  .subpage-shell .title,
  .subpage-shell .main-title {
    font-size: 2rem !important;
  }

  .subpage-shell .subtitle {
    font-size: 1.2rem !important;
  }
}

@media screen and (min-width: 768px) {
  .subpage-shell {
    --subpage-max-width: 1180px;
    --subpage-side-padding: 24px;
    --subpage-header-offset-fallback: calc(7.25rem + env(safe-area-inset-top, 0px));
    --subpage-section-gap: 24px;
    --subpage-card-padding: 40px;
  }
}