.service-hero.legal-hero {
min-height: 0;
padding-block: var(--space-8) var(--space-9);
}
@media (min-width: 1024px) {
.service-hero.legal-hero {
min-height: 0;
padding-block: var(--space-9);
}
}
.legal-hero .service-hero__content {
margin-inline: auto;
text-align: center;
}
.legal-hero .service-hero__lead {
max-width: 34rem;
margin-inline: auto;
}
.legal-doc {
max-width: 44rem;
margin-inline: auto;
}
.legal-doc h2 {
font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2.125rem);
line-height: 1.2;
margin-top: var(--space-8);
margin-bottom: var(--space-4);
}
.legal-doc h3 {
font-size: var(--font-size-md);
font-weight: 500;
letter-spacing: normal;
line-height: var(--line-height-base);
margin-top: var(--space-6);
margin-bottom: var(--space-3);
}
.legal-doc h4 {
font-size: var(--font-size-base);
font-weight: 600;
letter-spacing: normal;
line-height: var(--line-height-base);
margin-top: var(--space-5);
margin-bottom: var(--space-3);
}
.legal-doc ul,
.legal-doc ol {
margin-bottom: var(--space-4);
padding-left: var(--space-5);
list-style: disc;
}
.legal-doc ol {
list-style: decimal;
}
.legal-doc li {
font-size: var(--font-size-base);
line-height: 1.7;
margin-bottom: var(--space-2);
}
.legal-doc li::marker {
color: var(--color-text-muted);
}
.legal-doc > *:first-child {
margin-top: 0;
}
.legal-doc p {
font-size: var(--font-size-base);
line-height: 1.7;
margin-bottom: var(--space-4);
}
.legal-doc a {
color: color-mix(in srgb, var(--color-blue-dark) 85%, black);
}
.legal-doc a:hover,
.legal-doc a:focus-visible {
color: var(--color-logo-black);
}
.legal-address {
font-style: normal;
font-size: var(--font-size-base);
line-height: 1.7;
margin-bottom: var(--space-4);
}
.legal-contact {
font-size: var(--font-size-base);
line-height: 1.7;
margin-bottom: var(--space-4);
}
.legal-contact a,
.legal-address a {
display: inline-flex;
align-items: center;
min-height: 44px;
}
.legal-ids {
margin: 0 0 var(--space-4);
font-size: var(--font-size-base);
line-height: 1.7;
}
.legal-ids dt {
hyphens: manual;
color: var(--color-text-muted);
}
.legal-ids dd {
margin: 0 0 var(--space-3);
font-variant-numeric: tabular-nums;
}
@media (min-width: 640px) {
.legal-ids {
display: grid;
grid-template-columns: max-content 1fr;
column-gap: var(--space-4);
row-gap: var(--space-2);
}
.legal-ids dd {
margin-bottom: 0;
}
}
.legal-rule {
border: 0;
border-top: 1px solid var(--color-border);
margin: var(--space-8) 0 var(--space-7);
}
.legal-notice {
background-color: var(--color-accent-subtle);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: var(--space-5);
margin-bottom: var(--space-5);
}
.legal-notice > *:last-child {
margin-bottom: 0;
}
.legal-notice__label {
display: flex;
align-items: center;
gap: var(--space-2);
font-weight: 500;
color: color-mix(in srgb, var(--color-blue-dark) 85%, black);
margin-bottom: var(--space-3);
}
.legal-notice__label .icon {
width: 1.25rem;
height: 1.25rem;
flex-shrink: 0;
fill: none;
stroke: currentColor;
stroke-width: 1.75;
}
.legal-crosslink {
margin-top: var(--space-8);
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.service-hero.legal-hero {
padding-block: var(--space-6) var(--space-7);
}
}
#CookieDeclaration {
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
#CookieDeclaration table,
#CookieDeclaration .CookieDeclarationTable {
width: 100%;
max-width: 100%;
table-layout: auto;
}
#CookieDeclaration td,
#CookieDeclaration th,
#CookieDeclaration .CookieDeclarationTableCell,
#CookieDeclaration .CookieDeclarationTableHeader {
overflow-wrap: anywhere;
word-break: break-word;
}