/* @group @variables */

:where([class*="m-headline"]) {
--head-2-overflow: hidden;
--head-2-margin-bottom: 0;
--head-2-font-family: var(--font-family-heading);
--head-2-font-size: 2.25rem;
--head-2-font-size: clamp(2.25rem, 7.5vw, 3.75rem);
--head-2-line-height: 1;
--head-2-color: var(--color-dimgray);
--head-2-font-weight: 100;
--head-2-font-variation-settings: "wght" 100;
--head-2-word-break: keep-all;
--head-2-overflow-wrap: break-word;
--head-3-overflow: hidden;
--head-3-font-family: var(--font-family-primary);
--head-3-font-size: 1.25rem;
--head-3-line-height: 1.5;
--head-3-color: var(--color-primary);
--head-3-font-weight: var(--font-weight-bold);
--head-3-font-variation-font-variation-settings: "wght" var(--font-weight-bold);
--head-3-word-break: keep-all;
--head-3-overflow-wrap: break-word;
--headline-after-background-color: var(--color-primary);
}

/*[style*="--section: booking;"] [class*="m-headline"] {
--head-2-color: var(--color-white);
--head-3-color: var(--color-white);
--headline-after-background-color: var(--color-white);
}*/

@media all and (min-width:22.5em) {

[class*="m-headline"] {
/*--head-2-font-size: var(--font-size-calc-decenary);
--head-2-line-height: var(--line-height-decenary);*/
}

}

@media all and (min-width:48em) {

[class*="m-headline"] {
--head-2-font-size: 3.75rem;
}

}

/* @end @variables */

/* @group @variables */

[class*="m-headline"] {
--headline-separater-color: var(--color-primary);
}

/* @end @variables */


/* @group @variables */

[style*="--section: retreat-about;"] [class*="m-headline"] {
--head-2-color: var(--color-white);
--head-3-color: var(--color-white);
--headline-after-background-color: var(--color-white);
--color: var(--color-white);
}

/* @end @variables */

/* @group @m-headline */

[class*="m-headline"] {
position: relative;
z-index: 3;
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: 4.5rem 1fr 0;
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: .75rem;
/*text-align: center;*/
color: var(--headline-color);
word-break: keep-all;
}

[class*="m-headline"] h2,
[class*="m-headline"] h3 {
grid-column: 1 / span 3;
}

[class*="m-headline"]:after {
grid-column: 1;
}

/* @end @m-headline */

/* @group @m-headline */

[class*="m-headline"]:after {
content: '';
display: grid;
width: 100%;
height: 1px;
margin-top: 1.5rem;
background-color: var(--headline-after-background-color);
}

/* @end @m-headline */

/* --------------------------------------------------------*/

/* @group @variables */

[class*="m-crosshead"] {
--font-family: var(--font-family-heading);
--font-size: 1.875rem;
--font-size: clamp(1.875rem, 5.25vw, 2.25rem);
--line-height: 1;
--paragraph-line-height: 1;
--font-weight: 300;
--font-variation-settings: "wght" 300;
--color: var(--color-primary);
--head-3-font-family: var(--font-family-default);
--head-3-font-size: .875rem;
--head-3-line-height: 1.28571429;
--head-3-color: var(--color-very-dark-gray);
}

@media all and (min-width:48em) {

[class*="m-crosshead"] {
--font-size: 2.25rem;
}

}

/* @end @variables */

/* @group @m-crosshead */

[class*="m-crosshead"] {
display: grid;
align-content: var(--strapline-grid-align-content);
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: .75rem;
padding-bottom: .75rem;
box-shadow: 0 1px 0 0 var(--border-color);
}

/* @end @m-crosshead */

/* --------------------------------------------------------*/

/* @group @variables */

[class*="m-cruceta"] {
--color: var(--color-primary);
--head-3-font-family: var(--font-family-default);
--head-3-font-size: 1.25rem;
--head-3-color: var(--color-primary);
--head-3-font-weight: 300;
--head-3-font-variation-settings: "wght" 300;
}

/* @end @variables */

/* @group @m-cruceta */

[class*="m-cruceta"] {
display: grid;
align-content: var(--strapline-grid-align-content);
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: .75rem;
padding-bottom: .375rem;
box-shadow: 0 1px 0 0 var(--border-color);
}

/* @end @m-cruceta */

/* --------------------------------------------------------*/

/* @group @variables */

[class*="m-sottotitolo"] {
--font-size: 1.25rem;
--paragraph-line-height: 1.5;
--font-weight: 300;
--font-variation-settings: "wght" 300;
--color: var(--color-primary);
/*--head-2-font-family: var(--font-family-heading);
--head-2-font-size: 1.5rem;
--head-2-line-height: 1.5;
--head-2-color: var(--color-very-dark-gray);*/
--head-3-font-family: var(--font-family-heading);
--head-3-font-size: 1.875rem;
--head-3-line-height: 1.4;
--head-3-color: var(--color-very-dark-gray);
}

/* @end @variables */

/* @group @m-sottotitolo */

[class*="m-sottotitolo"] {
display: grid;
align-content: var(--grid-align-content);
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: .75rem;
}

/* @end @m-sottotitolo */

/* --------------------------------------------------------*/


/* @group @variables */

[class*="m-sous-titre"] {
--head-3-font-family: var(--font-family-heading);
--head-3-font-size: 1.875rem;
--head-3-line-height: 1.4;
--head-3-color: var(--color-white);
}

/* @end @variables */

/* @group @m-sous-titre */

[class*="m-sous-titre"] {
display: grid;
align-content: var(--grid-align-content);
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: .75rem;
}

/* @end @m-sous-titre */

/* --------------------------------------------------------*/

/* @group @variables */

[class*="m-strapline"] {
/*--head-4-font-family: var(--font-family-heading);*/
--head-4-font-size: 1.5rem;
--head-4-line-height: 1.5;
}

/* @end @variables */

/* @group @m-strapline */

[class*="m-strapline"] {
display: grid;
align-content: var(--grid-align-content);
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: .75rem;
}

/* @end @m-strapline */


/* @group @variables */

[class*="m-manager-message"] {
--font-size: 1.25rem;
}

@media all and (max-width:47.9375em) {

[class*="m-manager-message"] {
--max-width: 26rem;
}

}

/* @end @variables */

/* --------------------------------------------------------*/

/* @group @m-manager-message */

[class*="m-manager-message"] {
box-sizing: border-box;
display: grid;
align-items: center;
grid-template-columns: 1fr .75rem .75rem auto .75rem .75rem 1fr;
justify-content: start;
max-width: var(--max-width);
margin: auto;
text-align: center;
}

[class*="m-manager-message"] p {
grid-column: 4;
grid-row: 1 / span 3;
}

[class*="a-with-icon-quote"]:first-of-type {
grid-column: 2;
grid-row: 1;
align-self: start;
}

[class*="a-with-icon-quote"]:last-of-type {
grid-column: 6;
grid-row: 3;
align-self: end;
}

/* @end @m-manager-message */