/** Varialbes used for mixins */
/*** Media Queries : http://breakpoint-sass.com/ ***/
/** breakpojtns values : http://breakpoint-sass.com/ ***/
.paragraph--type--image-with-link {
  display: contents;
}
.paragraph--type--image-with-link .field {
  display: grid;
  aspect-ratio: 1;
  padding: 1rem;
  align-content: center;
  justify-content: center;
  place-content: center;
  background-color: #fff;
  border-radius: var(--teaser-radius);
}
.paragraph--type--image-with-link article {
  display: contents;
}
.paragraph--type--image-with-link img, .paragraph--type--image-with-link svg, .paragraph--type--image-with-link picture, .paragraph--type--image-with-link object {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.paragraph--type--layout-with-bg {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-gap: 0px 0px;
  gap: 0px 0px;
  min-height: 33vw;
  max-height: min(80vh, 1024px);
}
.paragraph--type--layout-with-bg .field--name-field-layout-background,
.paragraph--type--layout-with-bg .field--name-field-media {
  grid-area: 1/1/2/2;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 100%;
}
.paragraph--type--layout-with-bg .field--name-field-layout-background .media,
.paragraph--type--layout-with-bg .field--name-field-media .media {
  display: contents;
}
.paragraph--type--layout-with-bg .field--name-field-layout-background img, .paragraph--type--layout-with-bg .field--name-field-layout-background picture,
.paragraph--type--layout-with-bg .field--name-field-media img,
.paragraph--type--layout-with-bg .field--name-field-media picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 0;
}
.paragraph--type--layout-with-bg .layout-container {
  grid-area: 1/1/2/2;
  z-index: 1;
  --layout-container-padding-block: var(--spacing-auto);
  --layout-container-padding-multi: 3;
}
@media screen and (min-height: 800px) {
  .paragraph--type--layout-with-bg .layout-container {
    --layout-container-padding-multi: 2;
  }
}
@media screen and (min-height: 1024px) {
  .paragraph--type--layout-with-bg .layout-container {
    --layout-container-padding-multi: 1.5;
  }
}
.paragraph--type--layout-with-bg .layout-container .layout-wrapper {
  z-index: 1;
}
.paragraph--type--layout-with-bg .layout-container.bg-primary {
  --variant-bg: var(--color-primary-tr);
  --variant-color:var(--color-on-primary);
  --variant-color:contrast-color(var(--variant-bg));
  --headings-color: var(--color-on-primary);
  --headings-color: contrast-color(var(--variant-bg));
}
.paragraph--type--layout-with-bg .layout-container.bg-secondary {
  --variant-bg: var(--color-secondary-tr);
  --variant-color:var(--color-on-secondary);
  --variant-color:contrast-color(var(--variant-bg));
  --headings-color: var(--color-on-secondary);
  --headings-color: contrast-color(var(--variant-bg));
}
.paragraph--type--layout-with-bg .layout-container.bg-tertiary {
  --variant-bg: var(--color-tertiary-tr);
  --variant-color:var(--color-on-tertiary);
  --variant-color:contrast-color(var(--variant-bg));
  --headings-color: var(--color-on-tertiary);
  --headings-color: contrast-color(var(--variant-bg));
}
.paragraph--type--layout-with-bg .layout-container.bg-cold {
  --variant-bg: var(--color-cold-tr);
  --variant-color:var(--color-on-cold);
  --variant-color:contrast-color(var(--variant-bg));
  --headings-color: var(--color-on-cold);
  --headings-color: contrast-color(var(--variant-bg));
}
.paragraph--type--layout-with-bg .layout-container.bg-warm {
  --variant-bg: var(--color-warm-tr);
  --variant-color:var(--color-on-warm);
  --variant-color:contrast-color(var(--variant-bg));
  --headings-color: var(--color-on-warm);
  --headings-color: contrast-color(var(--variant-bg));
}
.paragraph--type--layout-with-bg .layout-container.bg-alert {
  --variant-bg: var(--color-alert-tr);
  --variant-color:var(--color-on-alert);
  --variant-color:contrast-color(var(--variant-bg));
  --headings-color: var(--color-on-alert);
  --headings-color: contrast-color(var(--variant-bg));
}
.paragraph--type--layout-with-bg .layout-container.bg-warning {
  --variant-bg: var(--color-warning-tr);
  --variant-color:var(--color-on-warning);
  --variant-color:contrast-color(var(--variant-bg));
  --headings-color: var(--color-on-warning);
  --headings-color: contrast-color(var(--variant-bg));
}
.paragraph--type--layout-with-bg .layout-container.bg-success {
  --variant-bg: var(--color-success-tr);
  --variant-color:var(--color-on-success);
  --variant-color:contrast-color(var(--variant-bg));
  --headings-color: var(--color-on-success);
  --headings-color: contrast-color(var(--variant-bg));
}

.paragraph--type--people {
  display: grid;
  grid-gap: 0.25rem;
  gap: 0.25rem;
  text-align: center;
}
.paragraph--type--people .people--name {
  font-weight: 600;
}
.paragraph--type--people .field--name-field-people-media {
  margin-bottom: 0.25rem;
}
.paragraph--type--people .field--name-field-people-media img, .paragraph--type--people .field--name-field-people-media picture {
  border-radius: 99em;
}
/*# sourceMappingURL=paragraphs.css.map */