/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/cta-banner/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/* Rolmmobau CTA Banner */
.rm-ctab {
  background: var(--rm-ctab-bg, #fff);
}
.rm-ctab__inner {
  max-width: calc(var(--container, 1240px) + 2 * var(--gutter, 24px));
  margin: 0 auto;
  padding: var(--rm-ctab-pad, 80px) var(--gutter, 24px);
}
.rm-ctab__box {
  display: flex;
  align-items: stretch;
  gap: 21px;
  padding: var(--rm-ctab-box-pad-y, 40px) var(--rm-ctab-box-pad-x, 40px);
  background: var(--rm-ctab-banner, #1b2421);
}
.rm-ctab--img-left .rm-ctab__media {
  order: -1;
}
.rm-ctab__content {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 40px;
  padding: 56px 20px 40px 0;
}
.rm-ctab {
  /* Compact (heading-only statement) instances stay vertically centred. */
}
.rm-ctab--compact .rm-ctab__content {
  justify-content: center;
  padding: 40px 20px 40px 0;
}
.rm-ctab__text-group {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.rm-ctab__heading {
  margin: 0;
  max-width: var(--rm-ctab-text-mw, 600px);
  font-family: var(--font-display, "Plus Jakarta Sans", sans-serif);
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  color: var(--rm-ctab-heading, #fff);
}
.rm-ctab--compact .rm-ctab__heading {
  font-size: 28px;
  line-height: 1.35;
  font-weight: 700;
}
.rm-ctab__heading mark {
  background: transparent none;
}
.rm-ctab__text {
  margin: 0;
  max-width: 480px;
  font-family: var(--font-body, "Inter", sans-serif);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--rm-ctab-text, #fff);
}
.rm-ctab__media {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 var(--rm-ctab-img-w, 52%);
  align-self: stretch;
  min-height: 360px;
  overflow: visible;
  /* Inset the photo a little so the corner brackets (pinned to the media's
     outer edge) read as detached from the image instead of flush on it. */
  padding: var(--rm-ctab-media-pad, 14px);
}
.rm-ctab__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.rm-ctab__img--ph {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.08);
  color: #cfd8d4;
  min-height: 360px;
}
.rm-ctab {
  /* self-contained CTA button */
}
.rm-ctab .rm-cta {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  /* CTA-banner sits on the dark banner, so its button border is white for every
     instance (overridable per-block via --rm-cta-border). */
  border: 1px solid var(--rm-cta-border, #ffffff);
  color: var(--rm-ctab-cta, #f5f8f6);
  font-family: var(--font-body, "Inter", sans-serif);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}
.rm-ctab .rm-cta:hover {
  opacity: 0.75;
}
.rm-ctab .rm-cta__arrow {
  display: block;
  flex-shrink: 0;
}
.rm-ctab {
  /* Sage L-shaped corner accents, flush with the image corners (no outset):
     top-right + bottom-left. Every position property is set explicitly so the
     shared .rm-mt__corner styles (a global single-class that leaks from the
     media-text block) cannot reposition or double these. (--rm-ctab-corner-out
     stays as an optional knob if an outset is ever wanted again.) */
}
.rm-ctab .rm-mt__corner {
  position: absolute;
  width: 50px;
  height: 50px;
  pointer-events: none;
  border: 2px solid #87b0a1;
  z-index: 2;
}
.rm-ctab .rm-mt__corner::before, .rm-ctab .rm-mt__corner::after {
  content: none !important;
  display: none;
}
.rm-ctab .rm-mt__corner--tr {
  top: calc(-1 * var(--rm-ctab-corner-out, 0px));
  right: calc(-1 * var(--rm-ctab-corner-out, 0px));
  bottom: auto;
  left: auto;
  border-left: 0;
  border-bottom: 0;
}
.rm-ctab .rm-mt__corner--bl {
  bottom: calc(-1 * var(--rm-ctab-corner-out, 0px));
  left: calc(-1 * var(--rm-ctab-corner-out, 0px));
  top: auto;
  right: auto;
  border-right: 0;
  border-top: 0;
}
@media (max-width: 900px) {
  /* Stacked card: tighter overall padding, less up top, bigger gap before the image. */
  .rm-ctab__box {
    flex-direction: column;
    gap: 40px;
    padding: 24px;
  }
  .rm-ctab--img-left .rm-ctab__media {
    order: 0;
  }
  /* Give the stacked image a definite height (near-square) so it actually fills
     its box: height:100% on the <img> needs a resolvable parent height, otherwise
     a landscape photo collapses to a short strip and leaves a dark gap below.
     --rm-ctab-img-ratio-m tunes the mobile crop shape. */
  .rm-ctab__media {
    flex-basis: auto;
    aspect-ratio: var(--rm-ctab-img-ratio-m, 1/1);
    min-height: 0;
  }
  /* Content spans the full stacked width. The compact variant's padding
     (2-class selector) must be cleared with equal specificity, otherwise its
     right-side padding survives into mobile and shifts the copy left. */
  .rm-ctab__content,
  .rm-ctab--compact .rm-ctab__content {
    padding: 0;
  }
  /* Figma mobile title: Plus Jakarta Sans 700, 24px / 140% line-height, 0 tracking
     (weight + family inherited from the base heading rule). */
  .rm-ctab__heading {
    font-size: 24px;
    line-height: 1.4;
  }
  /* Full-width CTA button with the label + arrow centred, so the left/right
     padding reads equal (space-between pushed the arrow to the far edge). */
  .rm-ctab .rm-cta {
    align-self: stretch;
    justify-content: center;
    padding: 18px 20px;
  }
}

/*# sourceMappingURL=style-index.css.map*/