/* @group @variables */

[class*="m-subsection-theme"] {
--subsection-padding: 1.125rem;
--subsection-padding-right: 0;
--subsection-padding-left: 0;
--subsection-padding-media: 1.125rem;
--subsection-padding-footer: 1.125rem;
--subsection-padding-bottom: 0;
--subsection-background-color: var(--color-white);
}

.m-subsection-theme-proto,
.m-subsection-theme-primero {
--subsection-padding-left: 1.5rem;
--subsection-padding-right: 1.5rem;
--subsection-padding-bottom: 1.5rem;
}

.m-subsection-theme-premier {
--subsection-padding-footer: 0;
}

.m-subsection-theme-primo {
--subsection-padding-media: 0;
--subsection-padding-footer: 0;
}

/* @end @variables */

/* @group @m-subsection-theme */

[class*="m-subsection-theme"] {
display: grid;
grid-template-columns: var(--subsection-padding-left) 1fr var(--subsection-padding-right);
grid-template-rows: auto var(--subsection-padding-media) auto var(--subsection-padding) 1fr var(--subsection-padding-footer) auto var(--subsection-padding-bottom);
background-color: var(--subsection-background-color);
font-size: .875rem;
line-height: 1.285714286;
}

[class*="m-subsection-subhead"] {
grid-column: 2;
grid-row: 3;
}

[class*="m-subsection-body"] {
grid-column: 2;
grid-row: 5;
}

[class*="m-subsection-footer"] {
grid-column: 2;
grid-row: 7;
margin-top: auto;
}

[class*="a-subsection-media"] {
grid-column: 1 / 4;
grid-row: 1;
}

/* @end @m-subsection-theme */

/* @group @variables */

[class*="m-subhead"] {
--header-vierte-height: 1.5rem;
--header-vierte-circle-size: 1.25rem;
--header-vierte-circle-color: var(--color-brand);
--heading-3-font-size: 1.25rem;
--heading-3-line-height: 1.2;
--heading-3-font-weight: 300;
--heading-3-color: var(--color-very-dark-gray);
--heading-4-font-size: 1.25rem;
--heading-4-line-height: 1.2;
--heading-4-font-weight: 300;
--heading-4-color: var(--color-very-dark-gray);
}

.m-section-theme-proto [class*="m-subhead"],
.m-section-theme-deutero [class*="m-subhead"],
.m-section-theme-trito [class*="m-subhead"],
.m-section-theme-ecto [class*="m-subhead"],
.m-section-theme-duodenary [class*="m-subhead"],
.m-subsection-theme-proto [class*="m-subhead"],
.m-subsection-theme-deutero [class*="m-subhead"] {
--header-vierte-circle-color: var(--color-recruitment);
}

.m-section-theme-primero [class*="m-subhead"],
.m-section-theme-segundo [class*="m-subhead"],
.m-section-theme-tercero [class*="m-subhead"],
.m-section-theme-sesto [class*="m-subhead"],
.m-section-theme-undenary [class*="m-subhead"],
.m-subsection-theme-primero [class*="m-subhead"],
.m-subsection-theme-segundo [class*="m-subhead"] {
--header-vierte-circle-color: var(--color-web);
}

/* @end @variables */

/* @group @m-subhead */

[class*="m-subhead"] {
position: relative;
padding-left: 1.875rem;
}

[class*="m-subhead"]:before {
content: '';
box-sizing: border-box;
position: absolute;
top: calc((var(--header-vierte-height) - var(--header-vierte-circle-size)) / 2);
left: 0;
width: var(--header-vierte-circle-size);
height: var(--header-vierte-circle-size);
border: .1875rem solid var(--header-vierte-circle-color);
border-radius: 50%;
}

/* @end @m-subhead */

/* @group @a-subsection-media */

[class*="a-subsection-media"] {
width: 100%;
height: 100%;
}

[class*="a-subsection-media"] img {
object-fit: cover;
aspect-ratio: attr(width) / attr(height); 
}

/* @end @a-subsection-media */