/* ==========================================================================
   GDM
   Übernommen aus den Seiten-/Block-Styles: GDM, GDM (EN)
   ========================================================================== */

.eso-gdm .col {
  min-width: 0;
}
.eso-gdm h1,
.eso-gdm h2,
.eso-gdm h3 {
  overflow-wrap: anywhere;
}
.eso-gdm .eso-frame img {
  object-fit: contain;
  padding: 24px;
}
.eso-gdm .eso-frame--dark img {
  padding: 0;
}
.eso-gdm .eso-gdm-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 48px;
  font-family: 'JetBrains Mono',monospace;
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.eso-gdm .eso-gdm-placeholder {
  position: relative;
  aspect-ratio: 4/3;
  border: 1px dashed #DEDEDE;
  background: #FAFAFA;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
}
.eso-gdm .eso-gdm-placeholder:before,
.eso-gdm .eso-gdm-placeholder:after {
  content: '';
  position: absolute;
  background: #DEDEDE;
  top: 25%;
  left: 50%;
}
.eso-gdm .eso-gdm-placeholder:before {
  width: 1px;
  height: 28px;
  transform: translateY(-14px);
}
.eso-gdm .eso-gdm-placeholder:after {
  width: 28px;
  height: 1px;
  transform: translateX(-14px);
}
.eso-gdm .eso-card>.col-inner {
  background: #fff;
  height: 100%;
  transition: background-color .3s;
}
.eso-gdm .eso-card:hover>.col-inner {
  background: #ECF4E9 !important;
}
.eso-gdm .eso-gdm-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.eso-gdm .eso-gdm-chips span {
  padding: 8px;
  border: 1px solid #DEDEDE;
  font-size: 12px;
}
.eso-gdm .eso-gdm-texttile {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4/3;
  font-family: 'Eurostile LT Std',sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #545454;
  overflow-wrap: anywhere;
}
.eso-gdm .eso-card-title {
  overflow-wrap: anywhere;
}
#main .eso-gdm .row.eso-card-grid {
  width: calc(100% - 32px) !important;
  max-width: 1360px !important;
  padding: 0 !important;
  margin: 24px auto 48px !important;
  align-items: stretch !important;
}
#main .eso-gdm .col-inner>.row.eso-figures {
  width: 100% !important;
  margin: 32px 0 !important;
}
.eso-gdm .eso-figure {
  font-size: 36px;
  line-height: 1.1;
  overflow-wrap: anywhere;
}
.eso-gdm .eso-figures>.col>.col-inner {
  padding: 24px 16px !important;
}
.eso-gdm .eso-spec dl>div {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 16px;
  align-items: start;
  padding: 14px 0;
  min-height: 64px;
  border-bottom: 1px solid #DEDEDE;
}
.eso-gdm .eso-spec dt {
  font-family: Manrope,sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.eso-gdm .eso-spec dd {
  margin: 0;
  text-align: right;
  font-family: 'JetBrains Mono',monospace;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
.eso-gdm .eso-spec>.col-inner>.text>.eso-label {
  margin: 0 0 16px;
}
.eso-gdm .eso-gdm-specs {
  align-items: flex-start;
}
.eso-gdm #gdm-kontakt {
  scroll-margin-top: 120px;
}
@media(min-width:640px) {
  #main .eso-gdm .row.eso-card-grid {
    width: calc(100% - 48px) !important;
  }
  #main .eso-gdm .row.eso-figures {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
}
@media(min-width:1024px) {
  #main .eso-gdm .row.eso-card-grid {
    width: calc(100% - 80px) !important;
  }
  .eso-gdm .eso-gdm-reverse {
    flex-direction: row-reverse;
  }
  #main .eso-gdm .eso-gdm-accessories {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  }
}
@media(max-width:1023px) {
  .eso-gdm .eso-split>.col {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .eso-gdm .eso-split>.eso-gdm-image {
    order: 0;
    margin-top: 0 !important;
  }
  .eso-gdm .eso-split>.eso-gdm-copy {
    order: 1;
    margin-top: 48px !important;
  }
  .eso-gdm .eso-gdm-specs>.col {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}
@media(max-width:639px) {
  #main .eso-gdm .row.eso-figures {
    grid-template-columns: minmax(0,1fr) !important;
  }
  .eso-gdm .eso-frame img {
    padding: 16px;
  }
  .eso-gdm .eso-frame--dark img {
    padding: 0;
  }
  .eso-gdm .eso-spec dl>div {
    display: block;
  }
  .eso-gdm .eso-spec dd {
    margin: 8px 0 0;
    text-align: left;
  }
  .eso-gdm .button {
    display: block;
    width: 100%;
    white-space: normal;
    line-height: 1.4;
  }
  .eso-gdm .eso-gdm-placeholder {
    padding: 24px;
  }
  .eso-gdm .eso-gdm-placeholder .eso-label {
    overflow-wrap: anywhere;
  }
}
.eso-gdm .eso-figure {
  margin: 0 0 16px !important;
}
.eso-gdm .eso-figure-unit {
  margin: 0 !important;
}
.eso-gdm .eso-spec dt {
  overflow-wrap: anywhere;
}
@media(min-width:1024px) and (max-width:1279px) {
  .eso-gdm.eso-hero .eso-figure {
    font-size: 30px;
    white-space: nowrap;
  }
}
@media(max-width:639px) {
  .eso-gdm .eso-spec dt,
  .eso-gdm .eso-spec dd {
    display: block;
    width: 100%;
    text-align: left;
  }
}
.gdm-polish-variants,
.gdm-polish-accessories,
.gdm-polish-interfaces {
  border-bottom: 1px solid #DEDEDE;
}
.gdm-polish-variants h2,
.gdm-polish-interfaces h2 {
  max-width: 672px;
  line-height: 1.111;
  letter-spacing: -.025em;
}
.gdm-polish-variants .gdm-variant-grid,
.gdm-polish-accessories .gdm-accessory-grid {
  display: grid !important;
  gap: 1px !important;
  border: 1px solid #DEDEDE;
  background: #DEDEDE;
  margin: 56px auto 32px !important;
  width: calc(100% - 80px) !important;
  max-width: 1360px !important;
  padding: 0 !important;
  align-items: stretch !important;
}
.gdm-polish-variants .gdm-variant-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.gdm-polish-accessories .gdm-accessory-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
}
.gdm-variant-grid>.col,
.gdm-accessory-grid>.col {
  width: auto !important;
  max-width: none !important;
  flex-basis: auto !important;
  padding: 0 !important;
  min-width: 0;
}
.gdm-polish-variants .gdm-variant>.col-inner {
  height: 100%;
  background: white;
  padding: 32px !important;
}
.gdm-polish-variants .gdm-variant-label {
  font-family: "JetBrains Mono",monospace;
  font-size: 11px;
  line-height: 16.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #4E932A;
  margin: 0 0 12px;
}
.gdm-polish-variants .gdm-variant h3 {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -.025em;
  font-weight: 700;
  margin: 0 0 16px;
}
.gdm-polish-variants .eso-points,
.gdm-polish-interfaces .eso-points {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 768px;
}
.gdm-polish-variants .eso-points li,
.gdm-polish-interfaces .eso-points li {
  display: grid;
  grid-template-columns: 8px minmax(0,1fr);
  gap: 12px;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
  font-family: "JetBrains Mono",monospace;
  font-size: 13px;
  line-height: 1.625;
  color: #040802;
}
.gdm-polish-variants .eso-points li:before,
.gdm-polish-interfaces .eso-points li:before {
  content: "+";
  position: static !important;
  transform: none !important;
  color: #4E932A;
  width: auto;
  height: auto;
  margin: 0 !important;
}
.gdm-polish-variants .eso-points li:last-child,
.gdm-polish-interfaces .eso-points li:last-child {
  margin-bottom: 0 !important;
}
.gdm-polish-variants .gdm-compatible-label {
  font-size: 14px;
  line-height: 1.625;
  margin: 24px 0 12px;
}
.gdm-polish-variants .gdm-manufacturer-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 !important;
}
.gdm-polish-variants .gdm-manufacturer-tags span {
  display: inline-block;
  border: 1px solid #DEDEDE;
  background: #FAFAFA;
  padding: 6px 12px;
  font-family: "JetBrains Mono",monospace;
  font-size: 11px;
  line-height: 16.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #040802;
}
.gdm-polish-accessories .gdm-accessory-card>.col-inner {
  height: 100%;
  background: white;
  position: relative;
  padding: 0 !important;
}
.gdm-polish-accessories .gdm-card-image {
  width: 100% !important;
  margin: 0 !important;
}
.gdm-polish-accessories .gdm-card-image .img-inner {
  height: 144px;
  border: 0;
  border-bottom: 1px solid #DEDEDE;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.gdm-polish-accessories .gdm-card-image-dark .img-inner {
  background: black;
}
.gdm-polish-accessories .gdm-card-image img {
  height: 100% !important;
  width: 100% !important;
  max-height: 100%;
  object-fit: contain !important;
  padding: 0 !important;
}
.gdm-polish-accessories .gdm-card-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 144px;
  border-bottom: 1px solid #DEDEDE;
  padding: 16px;
  margin: 0 !important;
  color: #DEDEDE;
  font-family: Eurostile,sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: -.025em;
}
.gdm-polish-accessories .gdm-card-title {
  font-size: 14px !important;
  line-height: 20px;
  letter-spacing: -.025em;
  font-weight: 700;
  margin: 0 !important;
}
.gdm-polish-accessories .gdm-card-title>a,
.gdm-polish-accessories .gdm-card-title>span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 60px;
  padding: 20px;
  color: #040802;
  transition: background-color .2s;
}
.gdm-polish-accessories .gdm-card-title>a:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.gdm-polish-accessories .gdm-card-title>a:hover,
.gdm-polish-accessories .gdm-card-title>a:focus-visible {
  background: #ECF4E9;
}
.gdm-polish-accessories .gdm-card-title>a:focus-visible {
  outline: 2px solid #4E932A;
  outline-offset: -2px;
}
.gdm-polish-accessories .gdm-card-arrow {
  color: #4E932A;
  flex-shrink: 0;
  font-size: 18px;
}
.gdm-polish-interfaces .eso-points {
  margin-top: 32px !important;
}
@media(max-width:1199px) {
  .gdm-polish-accessories .gdm-accessory-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media(max-width:1023px) {
  .gdm-polish-variants .gdm-variant-grid,
  .gdm-polish-accessories .gdm-accessory-grid {
    width: calc(100% - 48px) !important;
  }
}
@media(max-width:767px) {
  .gdm-polish-variants .gdm-variant-grid {
    grid-template-columns: minmax(0,1fr);
  }
  .gdm-polish-variants .gdm-variant>.col-inner {
    padding: 24px !important;
  }
}
@media(max-width:639px) {
  .gdm-polish-variants .gdm-variant-grid,
  .gdm-polish-accessories .gdm-accessory-grid {
    width: calc(100% - 32px) !important;
  }
  .gdm-polish-accessories .gdm-accessory-grid {
    grid-template-columns: minmax(0,1fr);
  }
}
.gdm-polish-variants h2,
.gdm-polish-accessories h2 {
  margin-bottom: 0 !important;
}
.gdm-polish-variants .section-content>.row:first-child>.col,
.gdm-polish-accessories .section-content>.row:first-child>.col {
  padding-bottom: 0 !important;
}
@media(max-width:639px) {
  .gdm-polish-variants h2,
  .gdm-polish-interfaces h2 {
    line-height: 1.25;
  }
}
.gdm-reference {
  padding: 128px 0 !important;
  border-bottom: 1px solid #DEDEDE;
}
.gdm-reference.eso-hero {
  padding: 0 !important;
}
.gdm-reference .section-content>.row {
  max-width: 1440px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
}
.gdm-reference .row:before,
.gdm-reference .row:after {
  display: none !important;
}
.gdm-reference .col {
  min-width: 0;
  padding: 0;
}
.gdm-reference .col-inner {
  margin: 0 !important;
}
.gdm-reference p {
  margin: 0;
}
.gdm-reference .eso-eyebrow {
  font: 12px/16px 'JetBrains Mono',monospace;
  letter-spacing: .2em;
  margin: 0;
  color: #4E932A;
}
.gdm-reference h2 {
  font: 400 36px/40px 'Eurostile LT Std',sans-serif;
  letter-spacing: -.025em;
  color: #040802;
  margin: 16px 0 0;
  max-width: 672px;
}
.gdm-reference .eso-gdm-copy>.col-inner>.text:has(p:not(.eso-eyebrow)) {
  margin-top: 24px;
}
.gdm-reference .eso-gdm-copy p:not(.eso-eyebrow) {
  font: 16px/26px Manrope,sans-serif;
  color: #545454;
  max-width: 576px;
}
.gdm-reference .eso-split {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 64px;
  align-items: center;
}
.gdm-reference .eso-split>.col {
  max-width: none !important;
  flex-basis: auto !important;
  order: initial !important;
}
.gdm-reference .eso-gdm-reverse>.eso-gdm-image {
  order: 2 !important;
}
.gdm-reference .eso-gdm-reverse>.eso-gdm-copy {
  order: 1 !important;
}
.gdm-reference .eso-frame {
  border: 1px solid #DEDEDE;
  aspect-ratio: 4/3;
  margin: 0 !important;
  background: white;
}
.gdm-reference .eso-frame .img-inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.gdm-reference .eso-frame img {
  width: 100%;
  max-height: 100%;
  object-fit: contain;
  padding: 0 !important;
}
.gdm-reference .eso-frame--dark {
  background: black;
}
.gdm-reference .eso-caption {
  font: 10px/15px 'JetBrains Mono',monospace;
  color: #545454;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-top: 20px;
}
.gdm-reference .eso-gdm-placeholder {
  height: auto;
  min-height: 0;
  aspect-ratio: 4/3;
  background: #ececea;
  border: 1px solid #DEDEDE;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  text-align: center;
}
.gdm-reference .eso-gdm-placeholder .eso-label {
  font: 12px/16px 'JetBrains Mono',monospace;
  letter-spacing: .2em;
  color: #6b6b66;
}
.gdm-reference .eso-gdm-placeholder .eso-caption {
  font-size: 10px;
  color: #9a9a94;
  letter-spacing: .15em;
  margin-top: 8px;
}
.gdm-reference .eso-points {
  list-style: none;
  margin: 32px 0 0 !important;
  padding: 0;
}
.gdm-reference .eso-points li {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font: 13px/21.125px 'JetBrains Mono',monospace;
  color: #040802;
  padding: 0 !important;
  margin: 10px 0 0 !important;
  border: 0 !important;
}
.gdm-reference .eso-points li:first-child {
  margin-top: 0 !important;
}
.gdm-reference .eso-points li:before {
  position: static;
  color: #4E932A;
  margin: 0;
  flex-shrink: 0;
  font-size: 13px;
}
.gdm-reference .eso-figures {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0 !important;
  margin-top: 48px !important;
}
.gdm-reference .eso-figures>.col {
  max-width: none;
  flex-basis: auto;
  border: 1px solid #DEDEDE;
  margin-top: -1px;
  margin-left: -1px;
}
.gdm-reference .eso-figures>.col>.col-inner {
  padding: 24px !important;
}
.gdm-reference .eso-figure {
  font: 700 36px/40px 'Eurostile LT Std',sans-serif;
  letter-spacing: -.025em;
  color: #4E932A;
  overflow-wrap: normal;
}
.gdm-reference .eso-figure-unit {
  font: 11px/16.5px 'JetBrains Mono',monospace;
  letter-spacing: .2em;
  color: #545454;
  margin-top: 8px;
}
.gdm-reference .button {
  font: 400 13px/19.5px 'Eurostile LT Std',sans-serif !important;
  letter-spacing: .12em;
  padding: 14px 28px;
  border-radius: 0;
  min-height: 0;
  margin: 0 12px 0 0;
}
.gdm-reference .eso-gdm-copy .button {
  margin-top: 40px;
}
.gdm-reference .eso-hero .section-content>.row:first-child {
  padding-top: 32px !important;
}
.gdm-reference .eso-gdm-breadcrumb {
  font: 11px/16.5px 'JetBrains Mono',monospace;
  margin: 0 !important;
  letter-spacing: .15em;
  gap: 0;
}
.gdm-reference .eso-gdm-breadcrumb span {
  margin: 0 8px;
}
.gdm-reference.eso-hero .eso-split {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: 32px;
}
.gdm-reference.eso-hero .eso-gdm-copy {
  grid-column: span 7;
}
.gdm-reference.eso-hero .eso-gdm-image {
  grid-column: span 5;
}
.gdm-reference.eso-hero h1 {
  font: 400 48px/52.8px 'Eurostile LT Std',sans-serif !important;
  letter-spacing: -.025em;
  margin: 16px 0 0;
  overflow-wrap: normal;
}
.gdm-reference.eso-hero .eso-gdm-copy>.col-inner>.text {
  margin: 0;
}
.gdm-reference.eso-hero .eso-intro {
  margin-top: 24px;
}
.gdm-reference.eso-hero .eso-figures {
  max-width: 576px;
  margin-top: 32px !important;
}
.gdm-reference .gdm-heads-grid {
  max-width: 672px !important;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  margin: 48px 0 0 40px !important;
  padding: 0 !important;
  gap: 0;
}
.gdm-reference .gdm-heads-grid>.col {
  max-width: none;
  flex-basis: auto;
  border: 1px solid #DEDEDE;
  margin-left: -1px;
}
.gdm-reference .gdm-heads-grid>.col>.col-inner {
  padding: 24px !important;
}
.gdm-reference .gdm-heads-grid .eso-card-title {
  font: 700 20px/28px 'Eurostile LT Std',sans-serif;
  color: #040802;
  margin: 0;
}
.gdm-reference .gdm-heads-grid .eso-points {
  margin-top: 16px !important;
}
.gdm-reference .gdm-heads-grid+.row {
  margin-top: 32px !important;
}
.gdm-reference .eso-link-more {
  font: 12px/16px 'JetBrains Mono',monospace;
  letter-spacing: .15em;
}
.gdm-reference .eso-gdm-specs {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 40px;
  margin-top: 56px !important;
}
.gdm-reference .eso-gdm-specs>.col {
  max-width: none;
  flex-basis: auto;
}
.gdm-reference .eso-spec dl {
  margin: 16px 0 0;
  border-top: 1px solid #DEDEDE;
}
.gdm-reference .eso-spec dl>div {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  padding: 16px 0;
  gap: 24px;
  border-bottom: 1px solid #DEDEDE;
}
.gdm-reference .eso-spec dt {
  font: 14px/20px 'JetBrains Mono',monospace;
  letter-spacing: 0;
  text-transform: none;
  color: #040802;
}
.gdm-reference .eso-spec dd {
  font: 14px/20px Manrope,sans-serif;
  text-align: right;
  margin: 0;
  color: #545454;
}
.gdm-reference .eso-spec>.col-inner>.text>.eso-label {
  font: 11px/16.5px 'JetBrains Mono',monospace;
  letter-spacing: .2em;
  color: #545454;
}
.gdm-reference.eso-final-cta h2 {
  font-size: 48px;
  line-height: 48px;
  margin-top: 24px;
}
.gdm-reference.eso-final-cta .eso-eyebrow {
  font-size: 11px;
  line-height: 16.5px;
  letter-spacing: .25em;
  color: #545454;
}
.gdm-reference.eso-final-cta .eso-intro {
  font: 16px/26px Manrope,sans-serif;
  color: #545454;
  max-width: 576px;
  margin: 24px 0 40px;
}
.gdm-reference.gdm-polish-accessories h2 {
  margin-top: 24px;
}
.gdm-reference.gdm-polish-accessories>.section-content>.row:nth-child(2),
.gdm-reference.gdm-polish-variants>.section-content>.row:nth-child(2) {
  margin-top: 56px !important;
}
.gdm-reference.gdm-polish-variants .eso-points {
  margin-top: 24px !important;
}
.gdm-reference.gdm-polish-variants>.section-content>.row:last-child {
  margin-top: 16px !important;
}
.gdm-reference.gdm-polish-variants>.section-content>.row:last-child p {
  font: 14px/22.75px Manrope,sans-serif;
  color: #545454;
}
.gdm-reference.gdm-polish-interfaces .eso-points {
  margin-top: 32px !important;
}
@media(max-width:1023px) {
  .gdm-reference .section-content>.row {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .gdm-reference .eso-split,
  .gdm-reference.eso-hero .eso-split {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .gdm-reference .eso-split>.col {
    grid-column: auto !important;
    order: initial !important;
  }
  .gdm-reference .eso-gdm-copy {
    margin-top: 0 !important;
  }
  .gdm-reference .eso-gdm-specs {
    grid-template-columns: 1fr;
  }
  .gdm-reference .gdm-heads-grid {
    margin-left: 24px !important;
  }
  .gdm-reference.eso-final-cta h2 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media(max-width:767px) {
  .gdm-reference {
    padding: 96px 0 !important;
  }
  .gdm-reference h2 {
    font-size: 30px;
    line-height: 37.5px;
  }
  .gdm-reference.eso-hero .eso-split {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .gdm-reference .eso-figure {
    font-size: 30px;
    line-height: 36px;
  }
  .gdm-reference.eso-final-cta h2 {
    font-size: 30px;
    line-height: 37.5px;
  }
}
@media(max-width:639px) {
  .gdm-reference .section-content>.row {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .gdm-reference.eso-hero h1 {
    font-size: 36px !important;
    line-height: 39.6px !important;
  }
  .gdm-reference .eso-figures,
  .gdm-reference .gdm-heads-grid {
    grid-template-columns: 1fr;
  }
  .gdm-reference .gdm-heads-grid {
    margin-left: 16px !important;
    max-width: calc(100% - 32px) !important;
  }
  .gdm-reference .button {
    width: 100%;
    white-space: normal;
    margin-right: 0;
    margin-bottom: 12px;
  }
  .gdm-reference .eso-spec dl>div {
    display: block !important;
  }
  .gdm-reference .eso-spec dd {
    text-align: left;
    margin-top: 8px;
  }
}
.gdm-reference .eso-gdm-copy,
.gdm-reference .eso-gdm-image {
  padding: 0 !important;
}
.gdm-reference.eso-hero .section-content>.row:first-child {
  padding-top: 32px !important;
}
.gdm-reference .eso-gdm-copy>.col-inner>.text {
  margin: 0 !important;
}
.gdm-reference .eso-gdm-copy>.col-inner>.text+ .text {
  margin-top: 24px !important;
}
.gdm-reference p {
  margin-bottom: 0 !important;
}
.gdm-reference .eso-figures {
  margin-bottom: 0 !important;
}
.gdm-reference.eso-hero .eso-figures {
  max-width: 576px !important;
  width: 100% !important;
}
.gdm-reference .eso-figure {
  font: 700 36px/40px 'Eurostile LT Std',sans-serif !important;
  color: #4E932A !important;
}
.gdm-reference .eso-figure-unit {
  font: 11px/16.5px 'JetBrains Mono',monospace !important;
  color: #545454 !important;
  margin-top: 8px !important;
  letter-spacing: .2em !important;
}
.gdm-reference .eso-gdm-copy .eso-eyebrow {
  font: 12px/16px 'JetBrains Mono',monospace !important;
  letter-spacing: .2em !important;
}
.gdm-reference .eso-gdm-copy .eso-caption {
  font: 10px/15px 'JetBrains Mono',monospace !important;
}
.gdm-reference .eso-figures>.col>.col-inner {
  background: white;
}
.gdm-reference .gdm-heads-grid+.row p {
  margin: 0 !important;
}
@media(max-width:767px) {
  .gdm-reference .eso-figure {
    font-size: 30px !important;
    line-height: 36px !important;
  }
}
.gdm-reference.eso-gdm.eso-hero h1 {
  line-height: 1 !important;
  padding-bottom: .08em;
  margin-bottom: -.08em;
}
.gdm-reference.eso-gdm.eso-hero .eso-figures {
  max-width: none !important;
  margin: 48px 0 0 !important;
}
.gdm-reference.eso-gdm .eso-figures .eso-figure {
  font: 700 36px/40px 'Eurostile LT Std',sans-serif !important;
  letter-spacing: -.025em !important;
  margin: 0 !important;
}
.gdm-reference.eso-gdm .eso-figures .eso-figure-unit {
  font: 11px/16.5px 'JetBrains Mono',monospace !important;
  margin: 8px 0 0 !important;
}
.gdm-reference .button.primary:not(.is-outline) {
  border: 0 !important;
}
.gdm-reference .button span {
  line-height: inherit;
}
.gdm-reference.gdm-polish-accessories .gdm-card-title {
  font-size: 14px;
}
.gdm-reference .gdm-accessory-grid:after {
  display: none !important;
}
@media(max-width:767px) {
  .gdm-reference.eso-gdm .eso-figures .eso-figure {
    font-size: 30px !important;
    line-height: 36px !important;
  }
}
#main .gdm-reference .section-content>.row.eso-figures {
  margin: 56px auto 0 !important;
}
#main .gdm-reference .section-content>.row.eso-gdm-specs {
  margin: 56px auto 0 !important;
}
.gdm-reference .eso-spec dl>div {
  display: block !important;
  min-height: 0;
  padding: 16px 0;
}
.gdm-reference .eso-spec dt {
  font: 14px/20px Manrope,sans-serif;
  color: #545454;
  overflow-wrap: normal;
}
.gdm-reference .eso-spec dd {
  font: 14px/20px 'JetBrains Mono',monospace;
  color: #040802;
  text-align: left;
  margin: 4px 0 0;
}
.gdm-reference:has(.eso-gdm-specs) h2 {
  font-size: 48px;
  line-height: 48px;
}
.gdm-reference.eso-final-cta .button {
  margin-top: 40px;
}
.gdm-reference .eso-gdm-placeholder {
  overflow: hidden;
  background-image: linear-gradient(#1717171a 1px,transparent 1px),linear-gradient(90deg,#1717171a 1px,transparent 1px);
  background-size: 28px 28px;
}
.gdm-reference .eso-gdm-placeholder:before {
  content: "";
  position: static;
  display: block;
  flex: none;
  width: 32px;
  height: 32px;
  margin-bottom: 12px;
  transform: none;
  background: linear-gradient(#6b6b66,#6b6b66) center/32px 1px no-repeat,linear-gradient(#6b6b66,#6b6b66) center/1px 32px no-repeat;
}
.gdm-reference .eso-gdm-placeholder:after {
  content: "";
  position: absolute;
  inset: 12px;
  width: auto;
  height: auto;
  transform: none;
  pointer-events: none;
  background: linear-gradient(#4e932a88,#4e932a88) left top/16px 1px no-repeat,linear-gradient(#4e932a88,#4e932a88) left top/1px 16px no-repeat,linear-gradient(#4e932a88,#4e932a88) right top/16px 1px no-repeat,linear-gradient(#4e932a88,#4e932a88) right top/1px 16px no-repeat,linear-gradient(#4e932a88,#4e932a88) left bottom/16px 1px no-repeat,linear-gradient(#4e932a88,#4e932a88) left bottom/1px 16px no-repeat,linear-gradient(#4e932a88,#4e932a88) right bottom/16px 1px no-repeat,linear-gradient(#4e932a88,#4e932a88) right bottom/1px 16px no-repeat,repeating-linear-gradient(90deg,#17171738 0 6px,transparent 6px 12px) center/100% 1px no-repeat,repeating-linear-gradient(#17171738 0 6px,transparent 6px 12px) center/1px 100% no-repeat;
}
@media(max-width:1023px) {
  .gdm-reference:has(.eso-gdm-specs) h2 {
    font-size: 36px;
    line-height: 40px;
  }
}
@media(max-width:767px) {
  .gdm-reference:has(.eso-gdm-specs) h2 {
    font-size: 30px;
    line-height: 37.5px;
  }
  .gdm-reference.eso-final-cta .button+.button {
    margin-top: 0;
  }
}
.gdm-reference .eso-spec dt,
.gdm-reference .eso-spec dd {
  display: block !important;
}
.gdm-reference.gdm-polish-accessories>.section-content>.row.gdm-accessory-grid {
  margin-top: 56px !important;
}
@media(min-width:1024px) and (max-width:1279px) {
  .gdm-reference.eso-hero .eso-figure {
    white-space: normal !important;
  }
}
@media(max-width:767px) {
  .gdm-reference.gdm-polish-accessories>.section-content>.row.gdm-accessory-grid {
    margin-top: 56px !important;
  }
}
@media(max-width:1023px) {
  #main .gdm-reference .eso-split>.eso-gdm-copy {
    margin-top: 0 !important;
  }
  .gdm-reference .eso-split h2 {
    max-width: none;
  }
}
.gdm-reference.gdm-polish-accessories .section-content>.row.gdm-accessory-grid {
  margin-top: 56px !important;
}
#main .gdm-reference .gdm-compatible-label {
  margin-bottom: 12px !important;
}
#main .gdm-reference .section-content>.row.gdm-heads-grid {
  margin-top: 48px !important;
}
#main .eso-gdm .text>h3:first-child:has(+table) {
  margin-top: 64px !important;
}
#main .eso-gdm .text>table+h3 {
  margin-top: 56px !important;
}
#main .eso-gdm .text>h3:has(+table) {
  margin-bottom: 20px !important;
}
@media(max-width:767px) {
  #main .eso-gdm .text>h3:first-child:has(+table) {
    margin-top: 40px !important;
  }
}
#main .gdm-reference .gdm-variant-label {
  color: #4e932a !important;
}
#main .gdm-reference .gdm-variant-note {
  margin-top: 24px !important;
}
#main .gdm-reference .section-content>.row.gdm-heads-grid {
  margin-left: max(40px,calc((100% - 1440px)/2 + 40px)) !important;
}
@media(max-width:1023px) {
  #main .gdm-reference .section-content>.row.gdm-heads-grid {
    margin-left: 24px !important;
  }
}
@media(max-width:639px) {
  #main .gdm-reference .section-content>.row.gdm-heads-grid {
    margin-left: 16px !important;
  }
}
#main .gdm-reference .text p+p {
  margin-top: 16px;
}
#main .gdm-reference .gdm-accessory-card .text>p:not(.gdm-card-placeholder) {
  padding: 0 20px 20px;
  font: 14px/22px Manrope,sans-serif;
  color: #545454;
}
#main .gdm-reference table {
  margin: 24px 0 32px;
}
#main .gdm-reference table th {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
#main .gdm-reference .gdm-polish-variants h2+p {
  margin-top: 24px;
}