/* Fangregent keeps its own visual identity inside the publisher's light shell. */
.fangregent-hero {
  position: relative;
  isolation: isolate;
  min-height: 660px;
  padding: 28px 0 68px;
  color: #f6f2eb;
  background: #11151c url('/assets/fangregent/hero.webp') 35% center / cover no-repeat;
}
.fangregent-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgb(10 14 20 / 4%) 10%, rgb(10 14 20 / 34%) 42%, rgb(10 14 20 / 87%) 72%);
}
.fangregent-hero .breadcrumb { margin-bottom: 62px; font-size: 14px; }
.fangregent-hero .breadcrumb a { color: #e6e4e1; }
.fangregent-hero .breadcrumb-item.active { color: #c8c1b6; }
.fangregent-hero .breadcrumb-item + .breadcrumb-item::before { color: #b8b3aa; }
.fangregent-hero .section-kicker { color: #dfc697; font-size: 14px; letter-spacing: .1em; }
.fangregent-hero h1 { color: #fff9ef; font: 64px/1.02 Georgia, "Times New Roman", serif; letter-spacing: -.045em; margin-bottom: 19px; }
.fangregent-claim { color: #e1c698; font: 36px/1.18 Georgia, "Times New Roman", serif; letter-spacing: -.025em; margin-bottom: 23px; }
.fangregent-hero .section-lead { color: #dedfdf; max-width: 540px; font-size: 17px; line-height: 1.75; margin-bottom: 30px; }
.fangregent-hero .btn-game { background: #e3c896; border-color: #e3c896; color: #201a13; }
.fangregent-hero .btn-game:hover { background: #edd9b5; border-color: #edd9b5; color: #201a13; }
.fangregent-hero .btn-outline-light { border-color: #9a9b9c; color: #fff9ef; }
.fangregent-hero .btn-outline-light:hover { color: #16191f; border-color: #fff9ef; background: #fff9ef; }
.fangregent-access { color: #c4c5c7; max-width: 510px; font-size: 14px; line-height: 1.65; margin-top: 23px; }
body.game-fangregent #spielprinzip .row:first-child { margin-bottom: 42px !important; }
body.game-fangregent #spielprinzip .step-card { padding-right: 20px; }
body.game-fangregent #spielprinzip .step-card p { max-width: 360px; }
body.game-fangregent #vampirreich { padding-top: 0; }
body.game-fangregent #vampirreich .row.g-5 { --bs-gutter-y: 56px; }
body.game-fangregent #vampirreich figure { overflow: hidden; border-radius: var(--radius); background: #0b1015; }
body.game-fangregent #vampirreich figure img { aspect-ratio: 3 / 1; object-fit: cover; border-radius: 0 !important; }
body.game-fangregent #vampirreich .info-tile { height: auto !important; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; padding: 22px 0 0; }
body.game-fangregent #vampirreich .info-tile .section-kicker { font-size: 14px; line-height: 1.5; letter-spacing: .025em; text-transform: none; color: var(--muted); }
body.game-fangregent #vampirreich .info-tile h3 { font-size: 30px; margin-bottom: 12px; }
body.game-fangregent #vampirreich .info-tile p:last-child { font-size: 15px; line-height: 1.7; }
body.game-fangregent #plattformen { background: #f0efec; }
body.game-fangregent #plattformen .edition-card { background: transparent; padding: 30px 30px 0 0; border-radius: 0; border: 0; border-top: 1px solid #d0cfca; }
body.game-fangregent #plattformen .edition-card h3 { font-size: 28px; margin: 20px 0 16px; }
body.game-fangregent #plattformen .edition-card p { max-width: 520px; }
body.game-fangregent #plattformen > .container > .info-tile { margin-top: 40px !important; padding: 24px 0 0; border: 0; border-top: 1px solid #d0cfca; border-radius: 0; background: transparent; }
body.game-fangregent #plattformen > .container > .info-tile strong { display: block; margin-bottom: 8px; }
@media (min-width: 992px) {
  body.game-fangregent #vampirreich .row.g-5 > .col-lg-6 { width: 100%; }
  body.game-fangregent #vampirreich .row.g-5 > .col-lg-6:last-child { display: grid; grid-template-columns: 1fr 1fr; column-gap: 90px; align-items: start; }
  body.game-fangregent #vampirreich .col-lg-6 > .section-kicker { grid-column: 1; grid-row: 1; }
  body.game-fangregent #vampirreich .col-lg-6 > h2 { grid-column: 1; grid-row: 2 / 5; max-width: 520px; }
  body.game-fangregent #vampirreich .col-lg-6 > p:nth-child(3) { grid-column: 2; grid-row: 1 / 3; }
  body.game-fangregent #vampirreich .col-lg-6 > p:nth-child(4) { grid-column: 2; grid-row: 3; }
  body.game-fangregent #vampirreich .col-lg-6 > .row { grid-column: 2; grid-row: 4; }
}
@media (max-width: 1199.98px) {
  .fangregent-hero .section-lead { font-size: 16px; }
  .fangregent-hero .btn { gap: 10px; }
}
@media (max-width: 991.98px) {
  .fangregent-hero { min-height: 620px; padding-bottom: 58px; background-position: 26% center; }
  .fangregent-hero::before { background: linear-gradient(90deg, rgb(10 14 20 / 82%), rgb(10 14 20 / 58%) 70%, rgb(10 14 20 / 48%)); }
  .fangregent-hero .breadcrumb { margin-bottom: 48px; }
  .fangregent-hero .row > div { max-width: 650px; }
  .fangregent-hero .section-lead { max-width: 560px; }
  body.game-fangregent #spielprinzip .step-card { padding-right: 0; }
  body.game-fangregent #vampirreich .row.g-5 { --bs-gutter-y: 36px; }
  body.game-fangregent #vampirreich figure img { aspect-ratio: 2.7 / 1; }
  body.game-fangregent #vampirreich .col-lg-6 > h2 { max-width: 600px; }
  body.game-fangregent #vampirreich .col-lg-6 > h2 { margin-bottom: 24px; }
  body.game-fangregent #vampirreich .col-lg-6 > p { max-width: 700px; }
}
@media (max-width: 575.98px) {
  .fangregent-hero { min-height: 620px; padding: 24px 0 44px; background-position: 28% center; }
  .fangregent-hero::before { background: linear-gradient(180deg, rgb(10 14 20 / 59%), rgb(10 14 20 / 74%) 30%, rgb(10 14 20 / 95%)); }
  .fangregent-hero .breadcrumb { margin-bottom: 47px; }
  .fangregent-hero .section-kicker { font-size: 14px; letter-spacing: .04em; }
  .fangregent-hero h1 { font-size: 46px; }
  .fangregent-claim { font-size: 30px; margin-bottom: 21px; }
  .fangregent-hero .section-lead { font-size: 16px; line-height: 1.7; margin-bottom: 25px; }
  .fangregent-hero .btn { min-height: 48px; padding-left: 17px; padding-right: 17px; }
  .fangregent-hero .d-flex.gap-3 { gap: 12px !important; }
  .fangregent-access { margin-top: 20px; }
  body.game-fangregent #spielprinzip .row:first-child { margin-bottom: 30px !important; }
  body.game-fangregent #spielprinzip .step-card p { max-width: none; }
  body.game-fangregent #vampirreich .row.g-5 { --bs-gutter-y: 30px; }
  body.game-fangregent #vampirreich figure { border-radius: 12px; }
  body.game-fangregent #vampirreich figure img { aspect-ratio: 2.1 / 1; object-position: center; }
  body.game-fangregent #vampirreich .info-tile { padding-top: 17px; }
  body.game-fangregent #vampirreich .info-tile h3 { font-size: 27px; }
  body.game-fangregent #vampirreich .info-tile p:last-child { font-size: 14px; }
  body.game-fangregent #plattformen .edition-card { padding: 24px 0 0; }
  body.game-fangregent #plattformen .edition-card h3 { font-size: 25px; }
  body.game-fangregent #plattformen > .container > .info-tile { margin-top: 30px !important; }
}