.legal-main :where(h1, h2, h3, p, ul, ol) {
margin: 0;
}
.legal-main :where(ul, ol) {
padding: 0; list-style: none;
}
.legal-main :where(section, div, li) {
min-width: 0;
}
.legal-wide-container {
width: calc(100% - 152px); max-width: 1288px; margin-inline: auto;
}
.legal-reading-container {
width: calc(100% - 152px); max-width: 1000px; margin-inline: auto;
}
.legal-hero {
height: 330px; background: var(--ao-light-blue);
}
.legal-hero-inner {
position: relative; height: 100%;
}
.legal-hero-label {
position: absolute; top: 62px; width: 400px; max-width: 100%; color: var(--ao-orange); font-size: 13px; font-weight: 600; line-height: 20px;
}
.legal-hero-title {
position: absolute; top: 101px; width: 1100px; max-width: 100%; font-size: 58px; font-weight: 900; line-height: 68px;
}
.legal-hero-deck {
position: absolute; top: 190px; width: 820px; max-width: 100%; color: #576673; font-size: 20px; line-height: 32px;
}
.legal-body {
padding-block: 56px 92px;
}
.legal-datenschutz .legal-body {
padding-bottom: 72px;
}
.legal-cookie-einstellungen .legal-body {
padding-bottom: 76px;
}
.legal-editorial {
display: flex; flex-direction: column; align-items: flex-start; gap: 48px;
}
.legal-impressum .legal-editorial {
gap: 56px;
}
.legal-editorial > * {
width: 100%;
}
.legal-main :is(.legal-group-heading, .legal-company-grid, .legal-company-fact, .legal-details, .legal-detail-copy, .legal-notices, .legal-notice, .legal-social-scope, .legal-owner, .legal-toc, .legal-section-heading, .legal-privacy-section, .legal-privacy-subsection, .legal-rights, .legal-right-copy, .legal-source-note, .legal-cookie-section, .legal-cookie-subsection, .legal-concept, .legal-cookie-rights, .legal-cookie-right-copy) {
display: flex; flex-direction: column; align-items: flex-start;
}
.legal-group-heading {
gap: 8px;
}
.legal-accent {
display: block; width: 36px; height: 3px; background: var(--ao-orange);
}
.legal-divider {
width: 100%; height: 1px; flex-shrink: 0; background: #e0e5eb;
}
.legal-label {
color: var(--ao-orange); font-size: 11px; font-weight: 600; line-height: 18px;
}
.legal-label-medium {
font-size: 12px;
}
.legal-group-title {
font-size: 24px; font-weight: 600; line-height: 34px;
}
.legal-section-title {
font-size: 26px; font-weight: 600; line-height: 36px;
}
.legal-intro-title {
font-size: 28px; font-weight: 600; line-height: 38px;
}
.legal-value {
font-size: 21px; font-weight: 600; line-height: 30px;
}
.legal-detail-title {
font-size: 20px; font-weight: 600; line-height: 29px;
}
.legal-small-title {
font-size: 18px; font-weight: 600; line-height: 28px;
}
.legal-subtitle {
font-size: 19px; font-weight: 600; line-height: 28px;
}
.legal-right-title {
font-size: 16px; font-weight: 600; line-height: 24px;
}
.legal-source-title {
font-size: 13px; font-weight: 600; line-height: 20px;
}
.legal-copyright {
font-size: 15px; font-weight: 600; line-height: 24px;
}
.legal-copy {
width: 900px; max-width: 100%; color: #576673; font-size: 15px; line-height: 27px;
}
.legal-copy-notice {
font-size: 16px; line-height: 28px;
}
.legal-copy-small {
font-size: 14px; line-height: 25px;
}
.legal-copy-source {
font-size: 13px; line-height: 22px;
}
.legal-lines {
width: 100%; color: #576673; font-size: 15px; line-height: 27px;
}
.legal-company-grid {
gap: 22px;
}
.legal-company-row {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 72px; width: 100%;
}
.legal-company-fact {
gap: 6px;
}
.legal-company-fact :is(.legal-copy, .legal-lines) {
font-size: 15px; line-height: 25px;
}
.legal-details {
gap: 24px;
}
.legal-detail-row {
display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 56px; width: 100%;
}
.legal-detail-copy {
gap: 6px;
}
.legal-detail-copy .legal-copy {
line-height: 25px;
}
.legal-notices {
gap: 42px;
}
.legal-notice {
gap: 7px; width: 100%;
}
.legal-social-scope,
.legal-copyright-block {
max-width: 620px;
}
.legal-social-scope {
gap: 7px;
}
.legal-social-titles {
color: var(--ao-blue); font-size: 18px; font-weight: 600; line-height: 30px;
}
.legal-social-urls {
font-size: 14px; line-height: 25px;
}
.legal-contact-link {
transition: color var(--ao-hover-fast) ease-out;
}
.legal-contact-link:hover {
color: var(--ao-orange);
}
.legal-toc {
gap: 14px;
}
.legal-toc-row {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px; width: 100%;
}
.legal-toc-link {
display: flex; align-items: center; gap: 12px; min-height: 34px; font-weight: 600;
}
.legal-toc-number {
flex: 0 0 34px; color: var(--ao-orange); font-size: 12px; line-height: 22px;
}
.legal-toc-title {
font-size: 15px; line-height: 23px; transition: color var(--ao-hover-fast) ease-out;
}
.legal-toc-link:hover .legal-toc-title {
color: var(--ao-orange);
}
.legal-privacy-section {
gap: 18px; scroll-margin-top: calc(var(--header-height) + 24px);
}
.legal-privacy-section:focus {
outline: none;
}
.legal-privacy-expanded {
gap: 28px;
}
.legal-section-heading {
gap: 6px; width: 900px; max-width: 100%;
}
.legal-section-heading .legal-label-medium {
line-height: 20px;
}
.legal-owner {
gap: 5px; width: 900px; max-width: 100%;
}
.legal-reading-block {
width: 900px; max-width: 100%;
}
.legal-privacy-subsection {
gap: 9px; width: 900px; max-width: 100%;
}
.legal-privacy-subsection .legal-detail-title {
line-height: 30px;
}
.legal-rights {
gap: 22px; width: 900px; max-width: 100%;
}
.legal-right {
display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 24px; width: 100%;
}
.legal-right-number {
color: var(--ao-orange); font-size: 12px; font-weight: 600; line-height: 20px;
}
.legal-right-copy {
gap: 5px;
}
.legal-right-copy .legal-small-title {
line-height: 27px;
}
.legal-source-note {
gap: 10px; max-width: 900px;
}
.legal-external-link {
display: flex; align-items: center; width: max-content; max-width: 100%; padding: 10px 16px; border: 1.5px solid var(--ao-orange); border-radius: 10px; background: white; color: var(--ao-orange); font-size: 13px; font-weight: 600; line-height: 20px; white-space: pre-wrap; transition: background-color var(--ao-hover-fast) ease-in-out, color var(--ao-hover-fast) ease-in-out;
}
.legal-external-link:is(:hover, :focus-visible) {
background: var(--ao-orange); color: white;
}
.legal-external-link {
min-height: 43px;
}
.legal-external-1 {
width: 274px;
}
.legal-external-2 {
width: 328px;
}
.legal-external-3 {
width: 292px;
}
.legal-external-4 {
width: 355px;
}
.legal-cookie-section {
gap: 12px;
}
.legal-cookie-heading {
display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 18px; width: 100%;
}
.legal-cookie-number {
color: var(--ao-orange); font-size: 12px; font-weight: 600; line-height: 20px;
}
.legal-concepts-row {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px;
}
.legal-concept {
gap: 8px;
}
.legal-cookie-subsection {
width: 900px; max-width: 100%; gap: 8px;
}
.legal-cookie-rights {
width: 900px; max-width: 100%; gap: 14px;
}
.legal-cookie-right {
display: grid; grid-template-columns: 7px minmax(0, 1fr); gap: 18px; width: 100%;
}
.legal-right-bullet {
display: block; width: 7px; height: 7px;
}
.legal-right-bullet img {
display: block;
}
.legal-cookie-right-copy {
gap: 4px;
}
.legal-cookie-right-copy .legal-copy-small {
line-height: 24px;
}
.legal-cookie-source {
gap: 8px;
}
.facts-content {
display: flex; flex-direction: column; gap: 32px;
}
.facts-lead {
display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 58px; align-items: center; padding-block: 12px;
}
.facts-lead-number {
display: flex; flex-direction: column; align-items: center; justify-content: center; height: 128px; font-weight: 600; text-align: center;
}
.facts-number {
font-size: 112px; line-height: 108px;
}
.facts-number {
color: var(--ao-orange);
}
.facts-number-label {
font-size: 13px; line-height: 20px;
}
.facts-lead-content {
display: flex; flex-direction: column; align-items: flex-start; gap: 12px;
}
.facts-lead-title {
font-size: 38px; font-weight: 600; line-height: 48px;
}
.facts-lead-copy {
width: 920px; max-width: 100%; color: #576673; font-size: 17px; line-height: 29px;
}
.facts-tags {
display: flex; flex-wrap: wrap; gap: 10px;
}
.facts-tag {
padding: 9px 14px; border-radius: 999px; background: var(--ao-light-blue); font-size: 12px; font-weight: 600; line-height: 18px;
}
.facts-statement-row {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;
}
.facts-statement {
display: flex; flex-direction: column; align-items: flex-start; gap: 14px; min-height: 200px; padding: 30px; border-radius: 20px; background: var(--ao-light-blue); box-shadow: inset 0 0 0 1px #e0e5eb;
}
.facts-statement-dark {
background: var(--ao-blue); color: white; box-shadow: none;
}
.facts-statement-title {
font-size: 34px; font-weight: 600; line-height: 42px;
}
.facts-statement-copy,
.facts-statement-lines {
font-size: 15px; line-height: 26px; color: #576673;
}
.facts-statement-dark .facts-statement-copy {
color: #e0e8f0;
}
.facts-admin {
display: flex; flex-direction: column; gap: 18px; padding-block: 24px;
}
.facts-admin-row {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr) 1px) minmax(0, 1fr); gap: 32px; align-items: center;
}
.facts-admin-fact {
display: flex; flex-direction: column; gap: 6px;
}
.facts-admin-fact .legal-copy-small {
line-height: 23px;
}
.facts-column-divider {
height: 72px; background: #e0e5eb;
}
.facts-cta {
display: flex; align-items: center; justify-content: space-between; gap: 40px; min-height: 154px; padding: 30px 40px; border-radius: 20px; background: var(--ao-blue); color: white;
}
.facts-cta-copy {
display: flex; flex-direction: column; gap: 8px; width: 760px; max-width: 100%;
}
.facts-cta-title {
font-size: 24px; font-weight: 600; line-height: 34px;
}
.legal-main a:focus-visible {
outline: 2px solid var(--ao-orange); outline-offset: 4px;
}
@view-transition {
navigation: auto;
}
::view-transition-old(root) {
animation: legal-dissolve-out var(--ao-hover-normal) ease-out both;
}
::view-transition-new(root) {
animation: legal-dissolve-in var(--ao-hover-normal) ease-out both;
}
@keyframes legal-dissolve-out {
to { opacity: 0; }
}
@keyframes legal-dissolve-in {
from { opacity: 0; }
}
@media (max-width: 1399px) {
.legal-wide-container,
.legal-reading-container {
width: calc(100% - 96px);
}
.facts-lead {
grid-template-columns: 160px minmax(0, 1fr); gap: 40px;
}
.facts-statement-title {
font-size: 30px; line-height: 40px;
}
.facts-cta-copy {
width: auto;
}

}
@media (max-width: 1000px) {
.legal-hero-title {
font-size: 48px; line-height: 58px;
}
.legal-company-row,
.legal-toc-row,
.legal-concepts-row {
gap: 32px;
}
.legal-detail-row {
grid-template-columns: 170px minmax(0, 1fr); gap: 32px;
}
.facts-lead {
grid-template-columns: 120px minmax(0, 1fr); gap: 24px;
}
.facts-lead-title {
font-size: 30px; line-height: 40px;
}
.facts-statement-row {
grid-template-columns: minmax(0, 1fr);
}
.facts-statement {
min-height: 0;
}
.facts-admin-row {
grid-template-columns: minmax(0, 1fr); gap: 24px;
}
.facts-column-divider {
display: none;
}
.facts-cta {
flex-direction: column; align-items: flex-start;
}

}
@media (max-width: 700px) {
.legal-wide-container,
.legal-reading-container {
width: calc(100% - 40px);
}
.legal-hero {
height: auto;
}
.legal-hero-inner {
padding-block: 48px;
}
.legal-hero :is(.legal-hero-label, .legal-hero-title, .legal-hero-deck) {
position: static; width: 100%;
}
.legal-hero-title {
margin-top: 16px; font-size: 36px; line-height: 46px; overflow-wrap: anywhere;
}
.legal-hero-deck {
margin-top: 20px; font-size: 18px; line-height: 29px;
}
.legal-body {
padding-block: 40px 64px;
}
.legal-editorial,
.legal-impressum .legal-editorial {
gap: 32px;
}
.legal-company-row,
.legal-detail-row,
.legal-toc-row,
.legal-concepts-row {
grid-template-columns: minmax(0, 1fr); gap: 24px;
}
.legal-section-title {
font-size: 23px; line-height: 33px;
}
.legal-intro-title {
font-size: 25px; line-height: 35px;
}
.legal-external-link {
overflow-wrap: anywhere;
}
.facts-lead {
grid-template-columns: minmax(0, 1fr);
}
.facts-lead-number {
align-items: flex-start; height: auto; text-align: left;
}
.facts-number {
font-size: 80px; line-height: 88px;
}
.facts-lead-title {
font-size: 28px; line-height: 38px;
}
.facts-statement-title {
font-size: 27px; line-height: 37px;
}
.facts-statement {
padding: 24px;
}
.facts-cta {
padding: 28px 24px; gap: 24px;
}
.facts-cta-title {
font-size: 22px; line-height: 32px;
}

}
@media (prefers-reduced-motion: reduce) {
html:has(.legal-page) {
scroll-behavior: auto;
}
.legal-main *,
.legal-main *::before,
.legal-main *::after {
transition: none !important; animation: none !important;
}
::view-transition-old(root),
::view-transition-new(root) {
animation: none;
}

}