:root { --stylingtoolkit-version: "6.3.1"; } :root { accent-color: var(--theme--primary); color-scheme: light; --theme--base--hsl: 0deg 0% 100%; --theme--base: hsl(var(--theme--base--hsl)); --theme--on-base--hsl: 0deg 0% 13%; --theme--on-base: hsl(var(--theme--on-base--hsl)); --theme--surface-2dp--hsl: 0deg 0% 100%; --theme--surface-2dp: hsl(var(--theme--surface-2dp--hsl)); --theme--surface-2dp-border--hsl: 0deg 0% 88%; --theme--surface-2dp-border: hsl(var(--theme--surface-2dp-border--hsl)); --theme--surface-4dp--hsl: 0deg 0% 100%; --theme--surface-4dp: hsl(var(--theme--surface-4dp--hsl)); --theme--surface-4dp-border--hsl: 0deg 0% 71%; --theme--surface-4dp-border: hsl(var(--theme--surface-4dp-border--hsl)); --theme--on-surface--hsl: 0deg 0% 13%; --theme--on-surface: hsl(var(--theme--on-surface--hsl)); --theme--error--hsl: 353deg 95% 39%; --theme--error: hsl(var(--theme--error--hsl)); --theme--on-error--hsl: 0deg 0% 100%; --theme--on-error: hsl(var(--theme--on-error--hsl)); --theme--positive--hsl: 95deg 47% 32%; --theme--positive: hsl(var(--theme--positive--hsl)); --theme--positive-text--hsl: 95deg 47% 24%; --theme--positive-text: hsl(var(--theme--positive-text--hsl)); --theme--on-positive--hsl: 0deg 0% 100%; --theme--on-positive: hsl(var(--theme--on-positive--hsl)); --theme--negative--hsl: 0deg 67% 50%; --theme--negative: hsl(var(--theme--negative--hsl)); --theme--negative-text--hsl: 0deg 67% 28%; --theme--negative-text: hsl(var(--theme--negative-text--hsl)); --theme--on-negative--hsl: 0deg 0% 100%; --theme--on-negative: hsl(var(--theme--on-negative--hsl)); --theme--primary--hsl: 33deg 5% 32%; --theme--primary: hsl(var(--theme--primary--hsl)); --theme--primary-hover--hsl: 30deg 6% 25%; --theme--primary-hover: hsl(var(--theme--primary-hover--hsl)); --theme--primary-focus--hsl: 12deg 6% 15%; --theme--primary-focus: hsl(var(--theme--primary-focus--hsl)); --theme--on-primary--hsl: 0deg 0% 100%; --theme--on-primary: hsl(var(--theme--on-primary--hsl)); --theme--secondary--hsl: 0deg 0% 95%; --theme--secondary: hsl(var(--theme--secondary--hsl)); --theme--on-secondary--hsl: 0deg 0% 13%; --theme--on-secondary: hsl(var(--theme--on-secondary--hsl)); --theme--cta--hsl: 324deg 100% 44%; --theme--cta: hsl(var(--theme--cta--hsl)); --theme--cta-hover--hsl: 324deg 100% 36%; --theme--cta-hover: hsl(var(--theme--cta-hover--hsl)); --theme--cta-focus--hsl: 324deg 100% 28%; --theme--cta-focus: hsl(var(--theme--cta-focus--hsl)); --theme--on-cta--hsl: 0deg 0% 100%; --theme--on-cta: hsl(var(--theme--on-cta--hsl)); --theme--inverse-primary--hsl: 325deg 100% 66%; --theme--inverse-primary: hsl(var(--theme--inverse-primary--hsl)); --theme--notice-neutral--hsl: 214deg 32% 91%; --theme--notice-neutral: hsl(var(--theme--notice-neutral--hsl)); --theme--on-notice-neutral--hsl: 215deg 25% 27%; --theme--on-notice-neutral: hsl(var(--theme--on-notice-neutral--hsl)); --theme--notice-okay--hsl: 149deg 80% 90%; --theme--notice-okay: hsl(var(--theme--notice-okay--hsl)); --theme--on-notice-okay--hsl: 163deg 94% 24%; --theme--on-notice-okay: hsl(var(--theme--on-notice-okay--hsl)); --theme--notice-warning--hsl: 44deg 100% 83%; --theme--notice-warning: hsl(var(--theme--notice-warning--hsl)); --theme--on-notice-warning--hsl: 215deg 25% 27%; --theme--on-notice-warning: hsl(var(--theme--on-notice-warning--hsl)); --theme--notice-alert--hsl: 0deg 65% 93%; --theme--notice-alert: hsl(var(--theme--notice-alert--hsl)); --theme--on-notice-alert--hsl: 353deg 95% 39%; --theme--on-notice-alert: hsl(var(--theme--on-notice-alert--hsl)); --theme--card--hsl: 0deg 0% 95%; --theme--card: hsl(var(--theme--card--hsl)); --theme--highlight-1--hsl: 163deg 94% 24%; --theme--highlight-1: hsl(var(--theme--highlight-1--hsl)); --theme--highlight-2--hsl: 263deg 70% 50%; --theme--highlight-2: hsl(var(--theme--highlight-2--hsl)); --theme--highlight-3--hsl: 324deg 100% 36%; --theme--highlight-3: hsl(var(--theme--highlight-3--hsl)); --theme--highlight-4--hsl: 226deg 71% 40%; --theme--highlight-4: hsl(var(--theme--highlight-4--hsl)); --theme--on-highlight--hsl: 0deg 0% 100%; --theme--on-highlight: hsl(var(--theme--on-highlight--hsl)); --theme--role-me--hsl: 217deg 91% 60%; --theme--role-me: hsl(var(--theme--role-me--hsl)); --theme--on-role-me--hsl: 0deg 0% 100%; --theme--on-role-me: hsl(var(--theme--on-role-me--hsl)); --theme--role-employee--hsl: 324deg 100% 44%; --theme--role-employee: hsl(var(--theme--role-employee--hsl)); --theme--on-role-employee--hsl: 0deg 0% 100%; --theme--on-role-employee: hsl(var(--theme--on-role-employee--hsl)); --theme--role-communityguide--hsl: 95deg 47% 50%; --theme--role-communityguide: hsl(var(--theme--role-communityguide--hsl)); --theme--on-role-communityguide--hsl: 0deg 0% 100%; --theme--on-role-communityguide: hsl(var(--theme--on-role-communityguide--hsl)); --theme--role-followee--hsl: 200deg 73% 55%; --theme--role-followee: hsl(var(--theme--role-followee--hsl)); --theme--on-role-followee--hsl: 0deg 0% 100%; --theme--on-role-followee: hsl(var(--theme--on-role-followee--hsl)); --theme--eco--hsl: 120deg 20% 45%; --theme--eco: hsl(var(--theme--eco--hsl)); --theme--on-eco--hsl: 0deg 0% 100%; --theme--on-eco: hsl(var(--theme--on-eco--hsl)); --theme--inverse-surface--hsl: var(--theme--on-surface--hsl); --theme--inverse-surface: var(--theme--on-surface); --theme--inverse-on-surface--hsl: var(--theme--surface-2dp--hsl); --theme--inverse-on-surface: var(--theme--surface-2dp); --theme--highlight--hsl: var(--theme--highlight-1--hsl); --theme--highlight: hsl(var(--theme--highlight--hsl)); --theme--default--base--hsl: 0deg 0% 100%; --theme--default--base: hsl(var(--theme--default--base--hsl)); --theme--default--on-base--hsl: 0deg 0% 13%; --theme--default--on-base: hsl(var(--theme--default--on-base--hsl)); --theme--default--primary--hsl: 33deg 5% 32%; --theme--default--primary: hsl(var(--theme--default--primary--hsl)); --theme--default--primary-hover--hsl: 30deg 6% 25%; --theme--default--primary-hover: hsl(var(--theme--default--primary-hover--hsl)); --theme--default--primary-focus--hsl: 12deg 6% 15%; --theme--default--primary-focus: hsl(var(--theme--default--primary-focus--hsl)); --theme--default--on-primary--hsl: 0deg 0% 100%; --theme--default--on-primary: hsl(var(--theme--default--on-primary--hsl)); --theme--default--secondary--hsl: 0deg 0% 95%; --theme--default--secondary: hsl(var(--theme--default--secondary--hsl)); --theme--default--on-secondary--hsl: 0deg 0% 13%; --theme--default--on-secondary: hsl(var(--theme--default--on-secondary--hsl)); --theme--default--cta--hsl: 324deg 100% 44%; --theme--default--cta: hsl(var(--theme--default--cta--hsl)); --theme--default--cta-hover--hsl: 324deg 100% 36%; --theme--default--cta-hover: hsl(var(--theme--default--cta-hover--hsl)); --theme--default--cta-focus--hsl: 324deg 100% 28%; --theme--default--cta-focus: hsl(var(--theme--default--cta-focus--hsl)); --theme--default--on-cta--hsl: 0deg 0% 100%; --theme--default--on-cta: hsl(var(--theme--default--on-cta--hsl)); --theme--default--inverse-primary--hsl: 324deg 100% 44%; --theme--default--inverse-primary: hsl(var(--theme--default--inverse-primary--hsl)); --theme--default--card--hsl: 0deg 0% 95%; --theme--default--card: hsl(var(--theme--default--card--hsl)); --theme--editorial--base--hsl: 0deg 0% 88%; --theme--editorial--base: hsl(var(--theme--editorial--base--hsl)); --theme--editorial--primary--hsl: 33deg 5% 32%; --theme--editorial--primary: hsl(var(--theme--editorial--primary--hsl)); --theme--editorial--primary-hover--hsl: 30deg 6% 25%; --theme--editorial--primary-hover: hsl(var(--theme--editorial--primary-hover--hsl)); --theme--editorial--primary-focus--hsl: 12deg 6% 15%; --theme--editorial--primary-focus: hsl(var(--theme--editorial--primary-focus--hsl)); --theme--editorial--on-primary--hsl: 0deg 0% 100%; --theme--editorial--on-primary: hsl(var(--theme--editorial--on-primary--hsl)); --theme--editorial--secondary--hsl: 0deg 0% 95%; --theme--editorial--secondary: hsl(var(--theme--editorial--secondary--hsl)); --theme--editorial--on-secondary--hsl: 0deg 0% 13%; --theme--editorial--on-secondary: hsl(var(--theme--editorial--on-secondary--hsl)); --theme--editorial--cta--hsl: 324deg 100% 44%; --theme--editorial--cta: hsl(var(--theme--editorial--cta--hsl)); --theme--editorial--cta-hover--hsl: 324deg 100% 36%; --theme--editorial--cta-hover: hsl(var(--theme--editorial--cta-hover--hsl)); --theme--editorial--cta-focus--hsl: 324deg 100% 28%; --theme--editorial--cta-focus: hsl(var(--theme--editorial--cta-focus--hsl)); --theme--editorial--on-cta--hsl: 0deg 0% 100%; --theme--editorial--on-cta: hsl(var(--theme--editorial--on-cta--hsl)); --theme--editorial--card--hsl: 0deg 0% 95%; --theme--editorial--card: hsl(var(--theme--editorial--card--hsl)); --theme--editorial-diestandard--base--hsl: 0deg 0% 97%; --theme--editorial-diestandard--base: hsl(var(--theme--editorial-diestandard--base--hsl)); --theme--editorial-diestandard--secondary--hsl: 0deg 0% 100%; --theme--editorial-diestandard--secondary: hsl(var(--theme--editorial-diestandard--secondary--hsl)); --theme--editorial-diestandard--card--hsl: 0deg 0% 100%; --theme--editorial-diestandard--card: hsl(var(--theme--editorial-diestandard--card--hsl)); --theme--editorial-diskurs--base--hsl: 0deg 0% 100%; --theme--editorial-diskurs--base: hsl(var(--theme--editorial-diskurs--base--hsl)); --theme--editorial-diskurs--secondary--hsl: 0deg 0% 95%; --theme--editorial-diskurs--secondary: hsl(var(--theme--editorial-diskurs--secondary--hsl)); --theme--editorial-diskurs--card--hsl: 0deg 0% 95%; --theme--editorial-diskurs--card: hsl(var(--theme--editorial-diskurs--card--hsl)); --theme--editorial-etat--base--hsl: 40deg 100% 70%; --theme--editorial-etat--base: hsl(var(--theme--editorial-etat--base--hsl)); --theme--editorial-etat--secondary--hsl: 40deg 100% 82%; --theme--editorial-etat--secondary: hsl(var(--theme--editorial-etat--secondary--hsl)); --theme--editorial-etat--card--hsl: 40deg 100% 82%; --theme--editorial-etat--card: hsl(var(--theme--editorial-etat--card--hsl)); --theme--editorial-gesundheit--base--hsl: 0deg 0% 97%; --theme--editorial-gesundheit--base: hsl(var(--theme--editorial-gesundheit--base--hsl)); --theme--editorial-gesundheit--secondary--hsl: 0deg 0% 100%; --theme--editorial-gesundheit--secondary: hsl(var(--theme--editorial-gesundheit--secondary--hsl)); --theme--editorial-gesundheit--card--hsl: 0deg 0% 100%; --theme--editorial-gesundheit--card: hsl(var(--theme--editorial-gesundheit--card--hsl)); --theme--editorial-immobilien--base--hsl: 0deg 0% 97%; --theme--editorial-immobilien--base: hsl(var(--theme--editorial-immobilien--base--hsl)); --theme--editorial-immobilien--secondary--hsl: 0deg 0% 100%; --theme--editorial-immobilien--secondary: hsl(var(--theme--editorial-immobilien--secondary--hsl)); --theme--editorial-immobilien--card--hsl: 0deg 0% 100%; --theme--editorial-immobilien--card: hsl(var(--theme--editorial-immobilien--card--hsl)); --theme--editorial-inland--base--hsl: 198deg 28% 88%; --theme--editorial-inland--base: hsl(var(--theme--editorial-inland--base--hsl)); --theme--editorial-inland--secondary--hsl: 198deg 28% 93%; --theme--editorial-inland--secondary: hsl(var(--theme--editorial-inland--secondary--hsl)); --theme--editorial-inland--card--hsl: 198deg 28% 93%; --theme--editorial-inland--card: hsl(var(--theme--editorial-inland--card--hsl)); --theme--editorial-international--base--hsl: 180deg 24% 80%; --theme--editorial-international--base: hsl(var(--theme--editorial-international--base--hsl)); --theme--editorial-international--secondary--hsl: 180deg 25% 86%; --theme--editorial-international--secondary: hsl(var(--theme--editorial-international--secondary--hsl)); --theme--editorial-international--card--hsl: 180deg 25% 86%; --theme--editorial-international--card: hsl(var(--theme--editorial-international--card--hsl)); --theme--editorial-karriere--base--hsl: 0deg 0% 97%; --theme--editorial-karriere--base: hsl(var(--theme--editorial-karriere--base--hsl)); --theme--editorial-karriere--secondary--hsl: 0deg 0% 100%; --theme--editorial-karriere--secondary: hsl(var(--theme--editorial-karriere--secondary--hsl)); --theme--editorial-karriere--card--hsl: 0deg 0% 100%; --theme--editorial-karriere--card: hsl(var(--theme--editorial-karriere--card--hsl)); --theme--editorial-kultur--base--hsl: 20deg 3% 82%; --theme--editorial-kultur--base: hsl(var(--theme--editorial-kultur--base--hsl)); --theme--editorial-kultur--secondary--hsl: 0deg 3% 88%; --theme--editorial-kultur--secondary: hsl(var(--theme--editorial-kultur--secondary--hsl)); --theme--editorial-kultur--card--hsl: 0deg 3% 88%; --theme--editorial-kultur--card: hsl(var(--theme--editorial-kultur--card--hsl)); --theme--editorial-lifestyle--base--hsl: 0deg 0% 100%; --theme--editorial-lifestyle--base: hsl(var(--theme--editorial-lifestyle--base--hsl)); --theme--editorial-lifestyle--secondary--hsl: 0deg 0% 95%; --theme--editorial-lifestyle--secondary: hsl(var(--theme--editorial-lifestyle--secondary--hsl)); --theme--editorial-lifestyle--card--hsl: 0deg 0% 95%; --theme--editorial-lifestyle--card: hsl(var(--theme--editorial-lifestyle--card--hsl)); --theme--editorial-panorama--base--hsl: 120deg 31% 76%; --theme--editorial-panorama--base: hsl(var(--theme--editorial-panorama--base--hsl)); --theme--editorial-panorama--secondary--hsl: 120deg 30% 83%; --theme--editorial-panorama--secondary: hsl(var(--theme--editorial-panorama--secondary--hsl)); --theme--editorial-panorama--card--hsl: 120deg 30% 83%; --theme--editorial-panorama--card: hsl(var(--theme--editorial-panorama--card--hsl)); --theme--editorial-sport--base--hsl: 73deg 60% 66%; --theme--editorial-sport--base: hsl(var(--theme--editorial-sport--base--hsl)); --theme--editorial-sport--secondary--hsl: 72deg 60% 75%; --theme--editorial-sport--secondary: hsl(var(--theme--editorial-sport--secondary--hsl)); --theme--editorial-sport--card--hsl: 72deg 60% 75%; --theme--editorial-sport--card: hsl(var(--theme--editorial-sport--card--hsl)); --theme--editorial-web--base--hsl: 91deg 29% 72%; --theme--editorial-web--base: hsl(var(--theme--editorial-web--base--hsl)); --theme--editorial-web--secondary--hsl: 91deg 29% 79%; --theme--editorial-web--secondary: hsl(var(--theme--editorial-web--secondary--hsl)); --theme--editorial-web--card--hsl: 91deg 29% 79%; --theme--editorial-web--card: hsl(var(--theme--editorial-web--card--hsl)); --theme--editorial-wirtschaft--base--hsl: 72deg 31% 81%; --theme--editorial-wirtschaft--base: hsl(var(--theme--editorial-wirtschaft--base--hsl)); --theme--editorial-wirtschaft--secondary--hsl: 70deg 30% 88%; --theme--editorial-wirtschaft--secondary: hsl(var(--theme--editorial-wirtschaft--secondary--hsl)); --theme--editorial-wirtschaft--card--hsl: 70deg 30% 88%; --theme--editorial-wirtschaft--card: hsl(var(--theme--editorial-wirtschaft--card--hsl)); --theme--editorial-wissenschaft--base--hsl: 195deg 40% 82%; --theme--editorial-wissenschaft--base: hsl(var(--theme--editorial-wissenschaft--base--hsl)); --theme--editorial-wissenschaft--secondary--hsl: 194deg 40% 88%; --theme--editorial-wissenschaft--secondary: hsl(var(--theme--editorial-wissenschaft--secondary--hsl)); --theme--editorial-wissenschaft--card--hsl: 194deg 40% 88%; --theme--editorial-wissenschaft--card: hsl(var(--theme--editorial-wissenschaft--card--hsl)); --theme--editorial-condolence--primary--hsl: 0deg 0% 21%; --theme--editorial-condolence--primary: hsl(var(--theme--editorial-condolence--primary--hsl)); --theme--editorial-condolence--primary-hover--hsl: 0deg 0% 13%; --theme--editorial-condolence--primary-hover: hsl(var(--theme--editorial-condolence--primary-hover--hsl)); --theme--editorial-condolence--primary-focus--hsl: 0deg 0% 13%; --theme--editorial-condolence--primary-focus: hsl(var(--theme--editorial-condolence--primary-focus--hsl)); --theme--editorial-condolence--on-primary--hsl: 0deg 0% 100%; --theme--editorial-condolence--on-primary: hsl(var(--theme--editorial-condolence--on-primary--hsl)); --theme--editorial-condolence--cta--hsl: 0deg 0% 21%; --theme--editorial-condolence--cta: hsl(var(--theme--editorial-condolence--cta--hsl)); --theme--editorial-condolence--cta-hover--hsl: 0deg 0% 13%; --theme--editorial-condolence--cta-hover: hsl(var(--theme--editorial-condolence--cta-hover--hsl)); --theme--editorial-condolence--cta-focus--hsl: 0deg 0% 13%; --theme--editorial-condolence--cta-focus: hsl(var(--theme--editorial-condolence--cta-focus--hsl)); --theme--editorial-condolence--on-cta--hsl: 0deg 0% 100%; --theme--editorial-condolence--on-cta: hsl(var(--theme--editorial-condolence--on-cta--hsl)); --theme--abo--primary--hsl: 33deg 5% 32%; --theme--abo--primary: hsl(var(--theme--abo--primary--hsl)); --theme--abo--primary-hover--hsl: 30deg 6% 25%; --theme--abo--primary-hover: hsl(var(--theme--abo--primary-hover--hsl)); --theme--abo--primary-focus--hsl: 12deg 6% 15%; --theme--abo--primary-focus: hsl(var(--theme--abo--primary-focus--hsl)); --theme--abo--on-primary--hsl: 0deg 0% 100%; --theme--abo--on-primary: hsl(var(--theme--abo--on-primary--hsl)); --theme--abo--secondary--hsl: 32deg 90% 92%; --theme--abo--secondary: hsl(var(--theme--abo--secondary--hsl)); --theme--abo--on-secondary--hsl: 0deg 0% 13%; --theme--abo--on-secondary: hsl(var(--theme--abo--on-secondary--hsl)); --theme--abo--cta--hsl: 180deg 100% 25%; --theme--abo--cta: hsl(var(--theme--abo--cta--hsl)); --theme--abo--cta-hover--hsl: 181deg 100% 21%; --theme--abo--cta-hover: hsl(var(--theme--abo--cta-hover--hsl)); --theme--abo--cta-focus--hsl: 181deg 100% 17%; --theme--abo--cta-focus: hsl(var(--theme--abo--cta-focus--hsl)); --theme--abo--on-cta--hsl: 0deg 0% 100%; --theme--abo--on-cta: hsl(var(--theme--abo--on-cta--hsl)); --theme--abo--inverse-primary--hsl: 181deg 100% 55%; --theme--abo--inverse-primary: hsl(var(--theme--abo--inverse-primary--hsl)); --theme--supporter--primary--hsl: 43deg 100% 62%; --theme--supporter--primary: hsl(var(--theme--supporter--primary--hsl)); --theme--supporter--primary-hover--hsl: 43deg 100% 51%; --theme--supporter--primary-hover: hsl(var(--theme--supporter--primary-hover--hsl)); --theme--supporter--primary-focus--hsl: 43deg 100% 40%; --theme--supporter--primary-focus: hsl(var(--theme--supporter--primary-focus--hsl)); --theme--supporter--on-primary--hsl: 0deg 0% 13%; --theme--supporter--on-primary: hsl(var(--theme--supporter--on-primary--hsl)); --theme--supporter--secondary--hsl: 43deg 100% 86%; --theme--supporter--secondary: hsl(var(--theme--supporter--secondary--hsl)); --theme--supporter--on-secondary--hsl: 0deg 0% 13%; --theme--supporter--on-secondary: hsl(var(--theme--supporter--on-secondary--hsl)); --theme--supporter--cta--hsl: 224deg 63% 43%; --theme--supporter--cta: hsl(var(--theme--supporter--cta--hsl)); --theme--supporter--cta-hover--hsl: 224deg 63% 36%; --theme--supporter--cta-hover: hsl(var(--theme--supporter--cta-hover--hsl)); --theme--supporter--cta-focus--hsl: 225deg 62% 29%; --theme--supporter--cta-focus: hsl(var(--theme--supporter--cta-focus--hsl)); --theme--supporter--on-cta--hsl: 0deg 0% 100%; --theme--supporter--on-cta: hsl(var(--theme--supporter--on-cta--hsl)); --theme--supporter--inverse-primary--hsl: 43deg 100% 62%; --theme--supporter--inverse-primary: hsl(var(--theme--supporter--inverse-primary--hsl)); --theme--product-epaper--secondary--hsl: 223deg 19% 74%; --theme--product-epaper--secondary: hsl(var(--theme--product-epaper--secondary--hsl)); --theme--product-epaper--on-secondary--hsl: 0deg 0% 13%; --theme--product-epaper--on-secondary: hsl(var(--theme--product-epaper--on-secondary--hsl)); --theme--product-klassik--secondary--hsl: 180deg 22% 81%; --theme--product-klassik--secondary: hsl(var(--theme--product-klassik--secondary--hsl)); --theme--product-klassik--on-secondary--hsl: 0deg 0% 13%; --theme--product-klassik--on-secondary: hsl(var(--theme--product-klassik--on-secondary--hsl)); --theme--product-kompakt--secondary--hsl: 26deg 66% 70%; --theme--product-kompakt--secondary: hsl(var(--theme--product-kompakt--secondary--hsl)); --theme--product-kompakt--on-secondary--hsl: 0deg 0% 13%; --theme--product-kompakt--on-secondary: hsl(var(--theme--product-kompakt--on-secondary--hsl)); --theme--product-pur--secondary--hsl: 206deg 43% 82%; --theme--product-pur--secondary: hsl(var(--theme--product-pur--secondary--hsl)); --theme--product-pur--on-secondary--hsl: 0deg 0% 13%; --theme--product-pur--on-secondary: hsl(var(--theme--product-pur--on-secondary--hsl)); --theme--product-purwochenende--secondary--hsl: 60deg 31% 79%; --theme--product-purwochenende--secondary: hsl(var(--theme--product-purwochenende--secondary--hsl)); --theme--product-purwochenende--on-secondary--hsl: 0deg 0% 13%; --theme--product-purwochenende--on-secondary: hsl(var(--theme--product-purwochenende--on-secondary--hsl)); --theme--product-smart--secondary--hsl: 206deg 43% 82%; --theme--product-smart--secondary: hsl(var(--theme--product-smart--secondary--hsl)); --theme--product-smart--on-secondary--hsl: 0deg 0% 13%; --theme--product-smart--on-secondary: hsl(var(--theme--product-smart--on-secondary--hsl)); --theme--product-studentinnen--secondary--hsl: 47deg 100% 73%; --theme--product-studentinnen--secondary: hsl(var(--theme--product-studentinnen--secondary--hsl)); --theme--product-studentinnen--on-secondary--hsl: 0deg 0% 13%; --theme--product-studentinnen--on-secondary: hsl(var(--theme--product-studentinnen--on-secondary--hsl)); } :root { --opacity-0: 0; --opacity-5: 0.05; --opacity-10: 0.1; --opacity-15: 0.15; --opacity-20: 0.2; --opacity-25: 0.25; --opacity-30: 0.3; --opacity-40: 0.4; --opacity-50: 0.5; --opacity-60: 0.6; --opacity-70: 0.7; --opacity-75: 0.75; --opacity-80: 0.8; --opacity-90: 0.9; --opacity-95: 0.95; --opacity-100: 1; } @media (prefers-contrast: high),(prefers-contrast: forced),(prefers-contrast: more) { :root { --contrast-opacity-0: 0; --contrast-opacity-50: 0.5; --contrast-opacity-100: 1; --theme--contrast-cta--hsl: 324deg 100% 28%; --theme--contrast-cta: hsl(var(--theme--contrast-cta--hsl)); --theme--cta--hsl: var(--theme--contrast-cta--hsl); --theme--cta: var(--theme--contrast-cta); --theme--default--cta--hsl: var(--theme--contrast-cta--hsl); --theme--default--cta: var(--theme--contrast-cta); --theme--editorial--cta--hsl: var(--theme--contrast-cta--hsl); --theme--editorial--cta: var(--theme--contrast-cta); --theme--contrast-primary--hsl: 24deg 10% 10%; --theme--contrast-primary: hsl(var(--theme--contrast-primary--hsl)); --theme--primary--hsl: var(--theme--contrast-primary--hsl); --theme--primary: var(--theme--contrast-primary); --theme--default--primary--hsl: var(--theme--contrast-primary--hsl); --theme--default--primary: var(--theme--contrast-primary); --theme--editorial--primary--hsl: var(--theme--contrast-primary--hsl); --theme--editorial--primary: var(--theme--contrast-primary); } } @media (prefers-contrast: high)and (prefers-color-scheme: dark),(prefers-contrast: forced)and (prefers-color-scheme: dark),(prefers-contrast: more)and (prefers-color-scheme: dark) { :root { --theme--contrast-cta--hsl: 324deg 80% 76%; --theme--contrast-cta: hsl(var(--theme--contrast-cta--hsl)); --theme--cta--hsl: var(--theme--contrast-cta--hsl); --theme--cta: var(--theme--contrast-cta); --theme--default--cta--hsl: var(--theme--contrast-cta--hsl); --theme--default--cta: var(--theme--contrast-cta); --theme--editorial--cta--hsl: var(--theme--contrast-cta--hsl); --theme--editorial--cta: var(--theme--contrast-cta); --theme--contrast-primary--hsl: 60deg 5% 96%; --theme--contrast-primary: hsl(var(--theme--contrast-primary--hsl)); --theme--primary--hsl: var(--theme--contrast-primary--hsl); --theme--primary: var(--theme--contrast-primary); --theme--default--primary--hsl: var(--theme--contrast-primary--hsl); --theme--default--primary: var(--theme--contrast-primary); --theme--editorial--primary--hsl: var(--theme--contrast-primary--hsl); --theme--editorial--primary: var(--theme--contrast-primary); } } @media (forced-colors: active) { :root { --contrast-opacity-0: 0; --contrast-opacity-50: 0.5; --contrast-opacity-100: 1; --theme--contrast-cta--hsl: 324deg 100% 28%; --theme--contrast-cta: hsl(var(--theme--contrast-cta--hsl)); --theme--cta--hsl: var(--theme--contrast-cta--hsl); --theme--cta: var(--theme--contrast-cta); --theme--default--cta--hsl: var(--theme--contrast-cta--hsl); --theme--default--cta: var(--theme--contrast-cta); --theme--editorial--cta--hsl: var(--theme--contrast-cta--hsl); --theme--editorial--cta: var(--theme--contrast-cta); --theme--contrast-primary--hsl: 24deg 10% 10%; --theme--contrast-primary: hsl(var(--theme--contrast-primary--hsl)); --theme--primary--hsl: var(--theme--contrast-primary--hsl); --theme--primary: var(--theme--contrast-primary); --theme--default--primary--hsl: var(--theme--contrast-primary--hsl); --theme--default--primary: var(--theme--contrast-primary); --theme--editorial--primary--hsl: var(--theme--contrast-primary--hsl); --theme--editorial--primary: var(--theme--contrast-primary); } } @media (forced-colors: active)and (prefers-color-scheme: dark) { :root { --theme--contrast-cta--hsl: 324deg 80% 76%; --theme--contrast-cta: hsl(var(--theme--contrast-cta--hsl)); --theme--cta--hsl: var(--theme--contrast-cta--hsl); --theme--cta: var(--theme--contrast-cta); --theme--default--cta--hsl: var(--theme--contrast-cta--hsl); --theme--default--cta: var(--theme--contrast-cta); --theme--editorial--cta--hsl: var(--theme--contrast-cta--hsl); --theme--editorial--cta: var(--theme--contrast-cta); --theme--contrast-primary--hsl: 60deg 5% 96%; --theme--contrast-primary: hsl(var(--theme--contrast-primary--hsl)); --theme--primary--hsl: var(--theme--contrast-primary--hsl); --theme--primary: var(--theme--contrast-primary); --theme--default--primary--hsl: var(--theme--contrast-primary--hsl); --theme--default--primary: var(--theme--contrast-primary); --theme--editorial--primary--hsl: var(--theme--contrast-primary--hsl); --theme--editorial--primary: var(--theme--contrast-primary); } } .theme-default, .theme-editorial { --theme--base--hsl: var(--theme--editorial--base--hsl); --theme--base: var(--theme--editorial--base); --theme--primary--hsl: var(--theme--editorial--primary--hsl); --theme--primary: var(--theme--editorial--primary); --theme--primary-hover--hsl: var(--theme--editorial--primary-hover--hsl); --theme--primary-hover: var(--theme--editorial--primary-hover); --theme--primary-focus--hsl: var(--theme--editorial--primary-focus--hsl); --theme--primary-focus: var(--theme--editorial--primary-focus); --theme--on-primary--hsl: var(--theme--editorial--on-primary--hsl); --theme--on-primary: var(--theme--editorial--on-primary); --theme--secondary--hsl: var(--theme--editorial--secondary--hsl); --theme--secondary: var(--theme--editorial--secondary); --theme--on-secondary--hsl: var(--theme--editorial--on-secondary--hsl); --theme--on-secondary: var(--theme--editorial--on-secondary); --theme--card--hsl: var(--theme--editorial--card--hsl); --theme--card: var(--theme--editorial--card); --theme--cta--hsl: var(--theme--editorial--cta--hsl); --theme--cta: var(--theme--editorial--cta); --theme--cta-hover--hsl: var(--theme--editorial--cta-hover--hsl); --theme--cta-hover: var(--theme--editorial--cta-hover); --theme--cta-focus--hsl: var(--theme--editorial--cta-focus--hsl); --theme--cta-focus: var(--theme--editorial--cta-focus); --theme--on-cta--hsl: var(--theme--editorial--on-cta--hsl); --theme--on-cta: var(--theme--editorial--on-cta); } .theme-diestandard, .theme-editorial-diestandard { --theme--base--hsl: var(--theme--editorial-diestandard--base--hsl); --theme--base: var(--theme--editorial-diestandard--base); --theme--secondary--hsl: var(--theme--editorial-diestandard--secondary--hsl); --theme--secondary: var(--theme--editorial-diestandard--secondary); --theme--card--hsl: var(--theme--editorial-diestandard--card--hsl); --theme--card: var(--theme--editorial-diestandard--card); } .theme-diskurs, .theme-editorial-diskurs { --theme--base--hsl: var(--theme--editorial-diskurs--base--hsl); --theme--base: var(--theme--editorial-diskurs--base); --theme--secondary--hsl: var(--theme--editorial-diskurs--secondary--hsl); --theme--secondary: var(--theme--editorial-diskurs--secondary); --theme--card--hsl: var(--theme--editorial-diskurs--card--hsl); --theme--card: var(--theme--editorial-diskurs--card); } .theme-etat, .theme-editorial-etat { --theme--base--hsl: var(--theme--editorial-etat--base--hsl); --theme--base: var(--theme--editorial-etat--base); --theme--secondary--hsl: var(--theme--editorial-etat--secondary--hsl); --theme--secondary: var(--theme--editorial-etat--secondary); --theme--card--hsl: var(--theme--editorial-etat--card--hsl); --theme--card: var(--theme--editorial-etat--card); } .theme-gesundheit, .theme-editorial-gesundheit { --theme--base--hsl: var(--theme--editorial-gesundheit--base--hsl); --theme--base: var(--theme--editorial-gesundheit--base); --theme--secondary--hsl: var(--theme--editorial-gesundheit--secondary--hsl); --theme--secondary: var(--theme--editorial-gesundheit--secondary); --theme--card--hsl: var(--theme--editorial-gesundheit--card--hsl); --theme--card: var(--theme--editorial-gesundheit--card); } .theme-immobilien, .theme-editorial-immobilien { --theme--base--hsl: var(--theme--editorial-immobilien--base--hsl); --theme--base: var(--theme--editorial-immobilien--base); --theme--secondary--hsl: var(--theme--editorial-immobilien--secondary--hsl); --theme--secondary: var(--theme--editorial-immobilien--secondary); --theme--card--hsl: var(--theme--editorial-immobilien--card--hsl); --theme--card: var(--theme--editorial-immobilien--card); } .theme-inland, .theme-editorial-inland, .theme-deutschland, .theme-editorial-deutschland { --theme--base--hsl: var(--theme--editorial-inland--base--hsl); --theme--base: var(--theme--editorial-inland--base); --theme--secondary--hsl: var(--theme--editorial-inland--secondary--hsl); --theme--secondary: var(--theme--editorial-inland--secondary); --theme--card--hsl: var(--theme--editorial-inland--card--hsl); --theme--card: var(--theme--editorial-inland--card); } .theme-international, .theme-editorial-international { --theme--base--hsl: var(--theme--editorial-international--base--hsl); --theme--base: var(--theme--editorial-international--base); --theme--secondary--hsl: var(--theme--editorial-international--secondary--hsl); --theme--secondary: var(--theme--editorial-international--secondary); --theme--card--hsl: var(--theme--editorial-international--card--hsl); --theme--card: var(--theme--editorial-international--card); } .theme-karriere, .theme-editorial-karriere { --theme--base--hsl: var(--theme--editorial-karriere--base--hsl); --theme--base: var(--theme--editorial-karriere--base); --theme--secondary--hsl: var(--theme--editorial-karriere--secondary--hsl); --theme--secondary: var(--theme--editorial-karriere--secondary); --theme--card--hsl: var(--theme--editorial-karriere--card--hsl); --theme--card: var(--theme--editorial-karriere--card); } .theme-kultur, .theme-editorial-kultur { --theme--base--hsl: var(--theme--editorial-kultur--base--hsl); --theme--base: var(--theme--editorial-kultur--base); --theme--secondary--hsl: var(--theme--editorial-kultur--secondary--hsl); --theme--secondary: var(--theme--editorial-kultur--secondary); --theme--card--hsl: var(--theme--editorial-kultur--card--hsl); --theme--card: var(--theme--editorial-kultur--card); } .theme-lifestyle, .theme-editorial-lifestyle { --theme--base--hsl: var(--theme--editorial-lifestyle--base--hsl); --theme--base: var(--theme--editorial-lifestyle--base); --theme--secondary--hsl: var(--theme--editorial-lifestyle--secondary--hsl); --theme--secondary: var(--theme--editorial-lifestyle--secondary); --theme--card--hsl: var(--theme--editorial-lifestyle--card--hsl); --theme--card: var(--theme--editorial-lifestyle--card); } .theme-panorama, .theme-editorial-panorama { --theme--base--hsl: var(--theme--editorial-panorama--base--hsl); --theme--base: var(--theme--editorial-panorama--base); --theme--secondary--hsl: var(--theme--editorial-panorama--secondary--hsl); --theme--secondary: var(--theme--editorial-panorama--secondary); --theme--card--hsl: var(--theme--editorial-panorama--card--hsl); --theme--card: var(--theme--editorial-panorama--card); } .theme-sport, .theme-editorial-sport { --theme--base--hsl: var(--theme--editorial-sport--base--hsl); --theme--base: var(--theme--editorial-sport--base); --theme--secondary--hsl: var(--theme--editorial-sport--secondary--hsl); --theme--secondary: var(--theme--editorial-sport--secondary); --theme--card--hsl: var(--theme--editorial-sport--card--hsl); --theme--card: var(--theme--editorial-sport--card); } .theme-web, .theme-editorial-web { --theme--base--hsl: var(--theme--editorial-web--base--hsl); --theme--base: var(--theme--editorial-web--base); --theme--secondary--hsl: var(--theme--editorial-web--secondary--hsl); --theme--secondary: var(--theme--editorial-web--secondary); --theme--card--hsl: var(--theme--editorial-web--card--hsl); --theme--card: var(--theme--editorial-web--card); } .theme-wirtschaft, .theme-editorial-wirtschaft { --theme--base--hsl: var(--theme--editorial-wirtschaft--base--hsl); --theme--base: var(--theme--editorial-wirtschaft--base); --theme--secondary--hsl: var(--theme--editorial-wirtschaft--secondary--hsl); --theme--secondary: var(--theme--editorial-wirtschaft--secondary); --theme--card--hsl: var(--theme--editorial-wirtschaft--card--hsl); --theme--card: var(--theme--editorial-wirtschaft--card); } .theme-wissenschaft, .theme-editorial-wissenschaft, .theme-wissenundgesellschaft, .theme-editorial-wissenundgesellschaft { --theme--base--hsl: var(--theme--editorial-wissenschaft--base--hsl); --theme--base: var(--theme--editorial-wissenschaft--base); --theme--secondary--hsl: var(--theme--editorial-wissenschaft--secondary--hsl); --theme--secondary: var(--theme--editorial-wissenschaft--secondary); --theme--card--hsl: var(--theme--editorial-wissenschaft--card--hsl); --theme--card: var(--theme--editorial-wissenschaft--card); } .theme-condolence, .theme-editorial-condolence { --theme--primary--hsl: var(--theme--editorial-condolence--primary--hsl); --theme--primary: var(--theme--editorial-condolence--primary); --theme--primary-hover--hsl: var(--theme--editorial-condolence--primary-hover--hsl); --theme--primary-hover: var(--theme--editorial-condolence--primary-hover); --theme--primary-focus--hsl: var(--theme--editorial-condolence--primary-focus--hsl); --theme--primary-focus: var(--theme--editorial-condolence--primary-focus); --theme--on-primary--hsl: var(--theme--editorial-condolence--on-primary--hsl); --theme--on-primary: var(--theme--editorial-condolence--on-primary); --theme--cta--hsl: var(--theme--editorial-condolence--cta--hsl); --theme--cta: var(--theme--editorial-condolence--cta); --theme--cta-hover--hsl: var(--theme--editorial-condolence--cta-hover--hsl); --theme--cta-hover: var(--theme--editorial-condolence--cta-hover); --theme--cta-focus--hsl: var(--theme--editorial-condolence--cta-focus--hsl); --theme--cta-focus: var(--theme--editorial-condolence--cta-focus); --theme--on-cta--hsl: var(--theme--editorial-condolence--on-cta--hsl); --theme--on-cta: var(--theme--editorial-condolence--on-cta); --theme--inverse-primary--hsl: var(--theme--surface-2dp--hsl); --theme--inverse-primary: var(--theme--surface-2dp); } .theme-abo { --theme--primary--hsl: var(--theme--abo--primary--hsl); --theme--primary: var(--theme--abo--primary); --theme--primary-hover--hsl: var(--theme--abo--primary-hover--hsl); --theme--primary-hover: var(--theme--abo--primary-hover); --theme--primary-focus--hsl: var(--theme--abo--primary-focus--hsl); --theme--primary-focus: var(--theme--abo--primary-focus); --theme--on-primary--hsl: var(--theme--abo--on-primary--hsl); --theme--on-primary: var(--theme--abo--on-primary); --theme--secondary--hsl: var(--theme--abo--secondary--hsl); --theme--secondary: var(--theme--abo--secondary); --theme--on-secondary--hsl: var(--theme--abo--on-secondary--hsl); --theme--on-secondary: var(--theme--abo--on-secondary); --theme--cta--hsl: var(--theme--abo--cta--hsl); --theme--cta: var(--theme--abo--cta); --theme--cta-hover--hsl: var(--theme--abo--cta-hover--hsl); --theme--cta-hover: var(--theme--abo--cta-hover); --theme--cta-focus--hsl: var(--theme--abo--cta-focus--hsl); --theme--cta-focus: var(--theme--abo--cta-focus); --theme--on-cta--hsl: var(--theme--abo--on-cta--hsl); --theme--on-cta: var(--theme--abo--on-cta); --theme--inverse-primary--hsl: var(--theme--abo--inverse-primary--hsl); --theme--inverse-primary: var(--theme--abo--inverse-primary); } .theme-supporter { --theme--primary--hsl: var(--theme--supporter--primary--hsl); --theme--primary: var(--theme--supporter--primary); --theme--primary-hover--hsl: var(--theme--supporter--primary-hover--hsl); --theme--primary-hover: var(--theme--supporter--primary-hover); --theme--primary-focus--hsl: var(--theme--supporter--primary-focus--hsl); --theme--primary-focus: var(--theme--supporter--primary-focus); --theme--on-primary--hsl: var(--theme--supporter--on-primary--hsl); --theme--on-primary: var(--theme--supporter--on-primary); --theme--secondary--hsl: var(--theme--supporter--secondary--hsl); --theme--secondary: var(--theme--supporter--secondary); --theme--on-secondary--hsl: var(--theme--supporter--on-secondary--hsl); --theme--on-secondary: var(--theme--supporter--on-secondary); --theme--cta--hsl: var(--theme--supporter--cta--hsl); --theme--cta: var(--theme--supporter--cta); --theme--cta-hover--hsl: var(--theme--supporter--cta-hover--hsl); --theme--cta-hover: var(--theme--supporter--cta-hover); --theme--cta-focus--hsl: var(--theme--supporter--cta-focus--hsl); --theme--cta-focus: var(--theme--supporter--cta-focus); --theme--on-cta--hsl: var(--theme--supporter--on-cta--hsl); --theme--on-cta: var(--theme--supporter--on-cta); --theme--inverse-primary--hsl: var(--theme--supporter--inverse-primary--hsl); --theme--inverse-primary: var(--theme--supporter--inverse-primary); } .theme-product-epaper { --theme--secondary--hsl: var(--theme--product-epaper--secondary--hsl); --theme--secondary: var(--theme--product-epaper--secondary); --theme--on-secondary--hsl: var(--theme--product-epaper--on-secondary--hsl); --theme--on-secondary: var(--theme--product-epaper--on-secondary); } .theme-product-klassik { --theme--secondary--hsl: var(--theme--product-klassik--secondary--hsl); --theme--secondary: var(--theme--product-klassik--secondary); --theme--on-secondary--hsl: var(--theme--product-klassik--on-secondary--hsl); --theme--on-secondary: var(--theme--product-klassik--on-secondary); } .theme-product-kompakt { --theme--secondary--hsl: var(--theme--product-kompakt--secondary--hsl); --theme--secondary: var(--theme--product-kompakt--secondary); --theme--on-secondary--hsl: var(--theme--product-kompakt--on-secondary--hsl); --theme--on-secondary: var(--theme--product-kompakt--on-secondary); } .theme-product-pur { --theme--secondary--hsl: var(--theme--product-pur--secondary--hsl); --theme--secondary: var(--theme--product-pur--secondary); --theme--on-secondary--hsl: var(--theme--product-pur--on-secondary--hsl); --theme--on-secondary: var(--theme--product-pur--on-secondary); } .theme-product-purwochenende { --theme--secondary--hsl: var(--theme--product-purwochenende--secondary--hsl); --theme--secondary: var(--theme--product-purwochenende--secondary); --theme--on-secondary--hsl: var(--theme--product-purwochenende--on-secondary--hsl); --theme--on-secondary: var(--theme--product-purwochenende--on-secondary); } .theme-product-studentinnen { --theme--secondary--hsl: var(--theme--product-studentinnen--secondary--hsl); --theme--secondary: var(--theme--product-studentinnen--secondary); --theme--on-secondary--hsl: var(--theme--product-studentinnen--on-secondary--hsl); --theme--on-secondary: var(--theme--product-studentinnen--on-secondary); } @font-face { font-display: swap; font-family: "STMatilda Info Variable"; font-style: normal; font-weight: 200 900; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-info.woff2") format("woff2-variations"); unicode-range: U+000A,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E,U+2013,U+203A,U+2026,U+201E,U+201C,U+00A9,U+20AC,U+00C0-00FF,U+1E9E,U+011E,U+011F,U+0160,U+0161,U+201A,U+2018,U+00A0-00A8,U+00AA-00BF,U+0100-011D,U+0120-0148,U+014A-015F,U+0162-017F,U+0180-01BF,U+0200-0217,U+0218-021B,U+1F5E9; } @font-face { font-display: swap; font-family: "STMatilda Info Variable"; font-style: italic; font-weight: 200 900; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-info-italic.woff2") format("woff2-variations"); unicode-range: U+000A,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E,U+2013,U+203A,U+2026,U+201E,U+201C,U+00A9,U+20AC,U+00C0-00FF,U+1E9E,U+011E,U+011F,U+0160,U+0161,U+201A,U+2018,U+00A0-00A8,U+00AA-00BF,U+0100-011D,U+0120-0148,U+014A-015F,U+0162-017F,U+0180-01BF,U+0200-0217,U+0218-021B,U+1F5E9; } :root { --font-info: "STMatilda Info Variable", system-ui, sans-serif; --w1-heading: 700 1.125rem / 1.2 var(--font-info); --w2-heading: 700 1.25rem / 1.2 var(--font-info); --w3-heading: 700 1.4375rem / 1.1 var(--font-info); --w4-heading: 700 1.625rem / 1.1 var(--font-info); --w5-heading: 700 1.8125rem / 1.1 var(--font-info); --w6-heading: 700 2rem / 1.1 var(--font-info); --w7-heading: 700 2.25rem / 1.1 var(--font-info); --w8-heading: 700 2.5625rem / 1.1 var(--font-info); --w9-heading: 700 2.875rem / 1.1 var(--font-info); --w10-heading: 700 3.25rem / 1.1 var(--font-info); --w11-heading: 700 3.625rem / 1.1 var(--font-info); --w1-small: 420 0.75rem / 1.4 var(--font-info); --w1-info: 420 0.75rem / 1.4 var(--font-info); --w2-info: 420 0.8125rem / 1.4 var(--font-info); --w3-info: 420 0.875rem / 1.4 var(--font-info); --w4-info: 420 0.9375rem / 1.4 var(--font-info); --w5-info: 420 1rem / 1.4 var(--font-info); --w6-info: 420 1.0625rem / 1.4 var(--font-info); --w7-info: 420 1.125rem / 1.4 var(--font-info); --w8-info: 420 1.25rem / 1.4 var(--font-info); --w9-info: 420 1.375rem / 1.4 var(--font-info); --w10-info: 420 1.5rem / 1.4 var(--font-info); --w1-info-adapt: 420 var(--_w1-info-size, 0.75rem) / 1.4 var(--font-info); --w2-info-adapt: 420 var(--_w2-info-size, 0.8125rem) / 1.4 var(--font-info); --w3-info-adapt: 420 var(--_w3-info-size, 0.875rem) / 1.4 var(--font-info); --w4-info-adapt: 420 var(--_w4-info-size, 0.9375rem) / 1.4 var(--font-info); --w5-info-adapt: 420 var(--_w5-info-size, 1rem) / 1.4 var(--font-info); --w6-info-adapt: 420 var(--_w6-info-size, 1.0625rem) / 1.4 var(--font-info); --w7-info-adapt: 420 var(--_w7-info-size, 1.0625rem) / 1.4 var(--font-info); } [data-prefers-fontsize=sm] { --_w1-info-size: 0.625rem; --_w2-info-size: 0.6875rem; --_w3-info-size: 0.75rem; --_w4-info-size: 0.8125rem; --_w5-info-size: 0.875rem; --_w6-info-size: 0.9375rem; --_w7-info-size: 0.9375rem; } [data-prefers-fontsize=lg] { --_w1-info-size: 0.875rem; --_w2-info-size: 0.9375rem; --_w3-info-size: 1rem; --_w4-info-size: 1.0625rem; --_w5-info-size: 1.125rem; --_w6-info-size: 1.1875rem; --_w7-info-size: 1.1875rem; } @font-face { font-display: swap; font-family: "STMatilda Text Variable"; font-style: normal; font-weight: 300 700; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-text.woff2") format("woff2-variations"); unicode-range: U+000A,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E,U+2013,U+203A,U+2026,U+201E,U+201C,U+00A9,U+20AC,U+00C0-00FF,U+1E9E,U+011E,U+011F,U+0160,U+0161,U+201A,U+2018,U+00A0-00A8,U+00AA-00BF,U+0100-011D,U+0120-0148,U+014A-015F,U+0162-017F,U+0180-01BF,U+0200-0217,U+0218-021B; } @font-face { font-display: swap; font-family: "STMatilda Text Variable"; font-style: italic; font-weight: 300 700; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-text-italic.woff2") format("woff2-variations"); unicode-range: U+000A,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E,U+2013,U+203A,U+2026,U+201E,U+201C,U+00A9,U+20AC,U+00C0-00FF,U+1E9E,U+011E,U+011F,U+0160,U+0161,U+201A,U+2018,U+00A0-00A8,U+00AA-00BF,U+0100-011D,U+0120-0148,U+014A-015F,U+0162-017F,U+0180-01BF,U+0200-0217,U+0218-021B; } :root { --font-text: "STMatilda Text Variable", system-ui, serif; --w1-text: 420 0.75rem / 1.4 var(--font-text); --w2-text: 420 0.8125rem / 1.4 var(--font-text); --w3-text: 420 0.875rem / 1.4 var(--font-text); --w4-text: 420 0.9375rem / 1.4 var(--font-text); --w5-text: 420 1rem / 1.4 var(--font-text); --w6-text: 420 1.0625rem / 1.4 var(--font-text); --w7-text: 420 1.125rem / 1.4 var(--font-text); --w8-text: 420 1.25rem / 1.4 var(--font-text); --w9-text: 420 1.375rem / 1.4 var(--font-text); --w10-text: 420 1.5rem / 1.4 var(--font-text); } @font-face { font-display: swap; font-family: "STMatilda Titel Variable"; font-style: normal; font-weight: 100 900; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-titel.woff2") format("woff2-variations"); unicode-range: U+000A,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E,U+2013,U+203A,U+2026,U+201E,U+201C,U+00A9,U+20AC,U+00C0-00FF,U+1E9E,U+011E,U+011F,U+0160,U+0161,U+201A,U+2018,U+00A0-00A8,U+00AA-00BF,U+0100-011D,U+0120-0148,U+014A-015F,U+0162-017F,U+0180-01BF,U+0200-0217,U+0218-021B; } @font-face { font-display: swap; font-family: "STMatilda Titel Variable"; font-style: italic; font-weight: 100 900; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-titel-italic.woff2") format("woff2-variations"); unicode-range: U+000A,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E,U+2013,U+203A,U+2026,U+201E,U+201C,U+00A9,U+20AC,U+00C0-00FF,U+1E9E,U+011E,U+011F,U+0160,U+0161,U+201A,U+2018,U+00A0-00A8,U+00AA-00BF,U+0100-011D,U+0120-0148,U+014A-015F,U+0162-017F,U+0180-01BF,U+0200-0217,U+0218-021B; } :root { --font-title: "STMatilda Titel Variable", system-ui, serif; --w1-title: 700 1.125rem / 1.2 var(--font-title); --w2-title: 700 1.25rem / 1.2 var(--font-title); --w3-title: 700 1.4375rem / 1.1 var(--font-title); --w4-title: 700 1.625rem / 1.1 var(--font-title); --w5-title: 700 1.8125rem / 1.1 var(--font-title); --w6-title: 700 2rem / 1.1 var(--font-title); --w7-title: 700 2.25rem / 1.1 var(--font-title); --w8-title: 700 2.5625rem / 1.1 var(--font-title); --w9-title: 700 2.875rem / 1.1 var(--font-title); --w10-title: 700 3.25rem / 1.1 var(--font-title); --w11-title: 700 3.625rem / 1.1 var(--font-title); } @font-face { font-display: swap; font-family: "STMatilda Brand"; font-style: normal; font-weight: 400; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-brand.woff2") format("woff2"); unicode-range: U+000A,U+0020-00A0,U+00A9,U+00AB,U+00AC,U+00AD,U+00AE,U+00AF,U+00B0,U+00B4,U+00B6,U+00B7,U+00BB,U+00C4,U+00D6,U+00D7,U+00DC,U+00DF,U+00E4,U+00F6,U+00FC,U+0394,U+1E9E,U+2009-201E,U+2022-2044,U+20AC,U+2212,U+FB01,U+FB02; } :root { --font-brand: "STMatilda Brand", system-ui, sans-serif; --w1-brand: 400 1.25rem / 1.0 var(--font-brand); --w2-brand: 400 1.5625rem / 1.0 var(--font-brand); --w3-brand: 400 1.875rem / 1.0 var(--font-brand); --w4-brand: 400 2.1875rem / 1.0 var(--font-brand); --w5-brand: 400 2.5rem / 1.0 var(--font-brand); } :focus { outline: 0; } @media (hover: hover)and (pointer: fine) { :focus-visible { outline: 3px solid var(--theme--on-base); outline-offset: 2px; text-decoration: none; } } .js-focus, .forced-focus { outline: 0 !important; } [hidden][hidden] { display: none; } [data-prefers-hand=other] { --prefers-hand-other-auto: auto; --prefers-hand-other-0px: 0px; --prefers-hand-other-inverse: -1; } [data-prefers-highlightcolor="0"] { --theme--highlight--hsl: var(--theme--on-base--hsl); } [data-prefers-highlightcolor="1"] { --theme--highlight--hsl: var(--theme--highlight-1--hsl); } [data-prefers-highlightcolor="2"] { --theme--highlight--hsl: var(--theme--highlight-2--hsl); } [data-prefers-highlightcolor="3"] { --theme--highlight--hsl: var(--theme--highlight-3--hsl); } [data-prefers-highlightcolor="4"] { --theme--highlight--hsl: var(--theme--highlight-4--hsl); } [data-prefers-highlightcolor] { --theme--highlight: hsl(var(--theme--highlight--hsl)); } :root { --lottie-player-display: none; --scroll-behavior-smooth: auto; --transition-all: none; --transition-background-color: none; --transition-box-shadow: none; --transition-opacity: none; --transition-transform: none; --transition-filter: none; } @media (prefers-reduced-motion: no-preference) { :root { --lottie-player-display: block; --scroll-behavior-smooth: smooth; --transition-all: all; --transition-background-color: background-color; --transition-box-shadow: box-shadow; --transition-opacity: opacity; --transition-transform: transform; --transition-filter: filter; } } .sr-only { border: 0 !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } .drop-shadow-sm { -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05)); } .drop-shadow { -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); } .drop-shadow-md { -webkit-filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); } .drop-shadow-lg { -webkit-filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); } .drop-shadow-xl { -webkit-filter: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); filter: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); } .drop-shadow-2xl { -webkit-filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); } .drop-shadow-none { -webkit-filter: drop-shadow(0 0 rgba(0, 0, 0, 0)); filter: drop-shadow(0 0 rgba(0, 0, 0, 0)); } .drop-shadow-transition { transition: var(--transition-filter, none) 280ms cubic-bezier(0.4, 0, 0.2, 1); will-change: var(--transition-filter, unset); } body.is-modal { height: 100vh; overflow: hidden; } .dialog { --dialog-max-width: 960px; --dialog-padding: 20px; --dialog-grid-columns: minmax(15px, auto) [dialog-start] minmax(auto, var(--dialog-max-width)) [dialog-end] minmax(15px, auto); --dialog-grid-rows: minmax(15px, auto) [dialog-start] 1fr [dialog-end] minmax(15px, auto); -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: none; border: 0; color: inherit; grid-template-columns: var(--dialog-grid-columns); grid-template-rows: var(--dialog-grid-rows); height: 100%; margin: 0; max-height: unset; max-width: unset; overflow-x: hidden; overflow-y: auto; padding: 0; pointer-events: all; width: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; } .dialog[open] { display: grid; } .dialog::-webkit-backdrop { background-color: rgba(0,0,0,.3); z-index: -1; } .dialog::backdrop { background-color: rgba(0,0,0,.3); z-index: -1; } .dialog+.backdrop { background-color: rgba(0,0,0,.3); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: -1; } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) or (-webkit-backdrop-filter: blur(1px)) { .dialog.dialog-backdropblur::-webkit-backdrop { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .dialog.dialog-backdropblur::backdrop { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .dialog.dialog-backdropblur+.backdrop { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } } .dialog::after { content: ""; grid-row: 3; height: 15px; pointer-events: none; } .dialog.dialog-width345, .dialog.dialog-width-sm { --dialog-max-width: 345px; } .dialog.dialog-width525, .dialog.dialog-width-md { --dialog-max-width: 525px; } .dialog.dialog-width650, .dialog.dialog-width-lg { --dialog-max-width: 650px; } @media (min-width: 768px) { .dialog { --dialog-padding: 25px; } .dialog.dialog-padding35 { --dialog-padding: 35px; } .dialog.dialog-padding45 { --dialog-padding: 45px; } } @media (max-width: 767px) { .dialog.dialog-fullscreen { --dialog-grid-columns: [dialog-start] auto [dialog-end]; --dialog-grid-rows: [dialog-start] 1fr [dialog-end]; } .dialog.dialog-fullscreen::after { content: none; } } .dialog:not(dialog) { background: none; bottom: 0; display: grid; left: 0; position: fixed; right: 0; top: 0; z-index: 900; } .dialog--backdrop { background-color: rgba(0,0,0,.3); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: -1; } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) or (-webkit-backdrop-filter: blur(1px)) { .dialog--backdrop.dialog--backdrop-blur { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } } .dialog--surface { background-color: var(--theme--surface-2dp); border-radius: 6px; border: 1px solid var(--theme--surface-2dp-border); box-shadow: 0 10px 20px rgba(0,0,0,.2); box-sizing: border-box; color: var(--theme--on-surface); display: grid; grid-column: dialog-start/dialog-end; grid-row: dialog-start/dialog-end; grid-template-columns: var(--dialog--surface-grid-columns, [surface-start sujet-start actions-start tabs-start] var(--dialog-padding) [title-start description-start content-start] 1fr [title-end] var(--dialog--controlbuttonspace, 28px) [content-end description-end] var(--dialog-padding) [tabs-end actions-end sujet-end surface-end]); grid-template-rows: var(--dialog--surface-grid-rows, [surface-start sujet-start] auto [sujet-end tabs-start] auto [tabs-end] var(--dialog-padding) [title-start] auto [title-end description-start] auto [description-end content-start] auto [content-end actions-start] minmax(var(--dialog-padding), auto) [actions-end] 1fr [surface-end]); position: relative; } @media (max-width: 767px) { .dialog-fullscreen>.dialog--surface { border-radius: 0; border: none; height: 100%; } } .dialog--surface:not(:has(.dialog--close)):not(:has(.dialog--minimize)) { --dialog--controlbuttonspace: 0; } .dialog--surface:has(.dialog--close), .dialog--surface:has(.dialog--minimize) { --dialog--controlbuttonspace: 28px; } .dialog--surface:has(.dialog--close):has(.dialog--minimize) { --dialog--controlbuttonspace: 62px; } .dialog:not(dialog) .dialog--surface { display: block; padding: var(--dialog-padding); } .dialog--close, .dialog--minimize { background-color: hsl(var(--theme--surface-2dp--hsl)/var(--opacity-70)); border: 0; border-radius: 100%; box-sizing: border-box; color: hsl(var(--theme--on-base--hsl)/var(--contrast-opacity-100, var(--opacity-70))); cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 8px; position: absolute; right: 7px; top: 7px; transition: background-color .2s,color .2s; z-index: 1; } .dialog--close:hover, .dialog--minimize:hover, .dialog--close:focus, .dialog--minimize:focus, .dialog--close:active, .dialog--minimize:active { color: currentColor; } .dialog--close:hover, .dialog--minimize:hover { background-image: linear-gradient(to right, hsl(var(--theme--on-base--hsl)/var(--opacity-5)), hsl(var(--theme--on-base--hsl)/var(--opacity-5))); } .dialog--close svg, .dialog--minimize svg { height: 24px; width: 24px; } .dialog--close-small, .dialog--minimize-small { padding: 5px; right: 2px; top: 2px; } .dialog--close-small svg, .dialog--minimize-small svg { height: 14px; width: 14px; } .dialog--minimize { right: 41px; } .dialog--minimize-small { right: 26px; } .dialog--sujet { border-radius: 5px 5px 0 0; grid-column: sujet-start/sujet-end; grid-row: sujet-start/sujet-end; overflow: auto; } @media (max-width: 767px) { .dialog-fullscreen .dialog--sujet { border-radius: 0; } } .dialog--sujet figure { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; } .dialog--sujet img { aspect-ratio: 2.3; max-width: 100%; object-fit: cover; width: auto; } .dialog--sujet video { aspect-ratio: 1.78; width: 100%; } .dialog--title { font: var(--w2-heading); grid-column: title-start/title-end; grid-row: title-start/title-end; margin: 0; } .dialog--description { grid-column: description-start/description-end; grid-row: description-start/description-end; margin: 1em 0 0; } .dialog--content { grid-column: content-start/content-end; grid-row: content-start/content-end; margin: 1em 0 0; } .dialog--actions { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 5px; grid-column: actions-start/actions-end; grid-row: actions-start/actions-end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: calc(var(--dialog-padding) - 5px); } .dialog--actions span { color: hsl(var(--theme--on-base--hsl)/var(--contrast-opacity-100, var(--opacity-70))); font-size: 0.875rem; margin-right: auto; padding: 5px; } .dialog--actions button { margin: 0; } @media (max-width: 767px) { .dialog-fullscreen .dialog--actions { background-color: inherit; border-top: 1px solid var(--theme--surface-2dp-border); bottom: 0; margin-top: calc(var(--dialog-padding) - 5px); position: -webkit-sticky; position: sticky; } } .dialog:not(dialog) .dialog--actions { padding: 0; } .dialog:not(dialog) .dialog--actions button { border: 0; } .dialog--footer { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-column: footer-start/footer-end; grid-row: footer-start/footer-end; } @media (max-width: 767px) { .dialog--footer { padding-bottom: 10px; padding-top: 10px; } .dialog-fullscreen .dialog--footer { background-color: var(--theme--surface-2dp); border-top: 1px solid var(--theme--surface-2dp-border); bottom: 0; padding: 20px 25px; position: -webkit-sticky; position: sticky; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 25px -25px -25px; } } .dialog--footer p { color: hsl(var(--theme--on-base--hsl)/var(--contrast-opacity-100, var(--opacity-70))); margin: 0; } @media (max-width: 767px) { .dialog--footer p { font-size: 0.75rem; } } .dialog--footer button { margin: 0 0 0 auto; } @media (max-width: 767px) { .dialog--footer button { font-size: 0.9375rem; height: 40px; padding: 12px 15px; } } .dialog--tabs { grid-column: tabs-start/tabs-end; grid-row: tabs-start/tabs-end; } .dialog--tabs .tabs { padding: 4px calc(var(--dialog-padding) - 12px) 0; } .dialog--tabs .tab { padding: 12px 12px 13px; } @-webkit-keyframes toright { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes toright { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loading-dots { 0% { content: "."; } 25% { content: ".."; } 50% { content: "..."; } 75% { content: ""; } } @keyframes loading-dots { 0% { content: "."; } 25% { content: ".."; } 50% { content: "..."; } 75% { content: ""; } } .form--button { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: var(--theme--primary); border: 2px solid hsl(var(--theme--primary--hsl)/var(--contrast-opacity-100, var(--opacity-0))); border-radius: 3px; box-sizing: border-box; color: var(--theme--on-primary); cursor: pointer; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-family: var(--font-info); font-size: 1.0625rem; font-weight: 600; gap: 18px; min-height: 46px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 1.1; margin: 0; padding: 8px 21px; text-align: center; text-decoration: none; -ms-touch-action: manipulation; touch-action: manipulation; transition: background-color .1s ease; vertical-align: middle; -webkit-appearance: none; } .form--button:hover { background: var(--theme--primary-hover); } .form--button:focus { background: var(--theme--primary-focus); } .form--button:focus-visible { outline-color: var(--theme--on-surface); } .form--button:disabled { background-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-40))); border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-0, var(--opacity-0))); color: hsl(var(--theme--surface-2dp--hsl)/var(--contrast-opacity-100, var(--opacity-80))); cursor: default; } .form--button svg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 24px; margin: 0 -12px; width: 24px; } @supports (-webkit-touch-callout: none) and (not (translate: none)) { .form--button svg { margin: 0; } } @media (prefers-reduced-motion: no-preference) { .form--button.loading::after { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: spin; animation-name: spin; -webkit-animation-timing-function: linear; animation-timing-function: linear; border-radius: 50%; border: 3px solid hsl(var(--theme--on-primary--hsl)/var(--contrast-opacity-0, var(--opacity-40))); border-top: 3px solid var(--theme--on-primary); content: ""; display: block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: .7em; margin: 0 -12px 0 -4px; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; width: .7em; } .form--button:disabled.loading::after { border-color: hsl(var(--theme--surface-2dp--hsl)/var(--contrast-opacity-0, var(--opacity-40))); border-top-color: var(--theme--surface-2dp); } } @media (forced-colors: active),(prefers-reduced-motion: reduce) { .form--button.loading:after { border: none !important; height: auto; content: "."; text-align: left; -webkit-animation: loading-dots 2s infinite; animation: loading-dots 2s infinite; width: .8em; } } .form--button-cta { background-color: var(--theme--cta); color: var(--theme--on-cta); border-color: hsl(var(--theme--cta--hsl)/var(--contrast-opacity-100, var(--opacity-0))); } .form--button-cta:hover { background: var(--theme--cta-hover); } .form--button-cta:focus { background: var(--theme--cta-focus); } .form--button-cta:disabled { background-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-30))); border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-0, var(--opacity-0))); color: hsl(var(--theme--surface-2dp--hsl)/var(--contrast-opacity-100, var(--opacity-80))); } .form--button-cta.loading::after { border-color: hsl(var(--theme--on-cta--hsl)/var(--contrast-opacity-0, var(--opacity-20))) !important; border-top-color: var(--theme--on-cta) !important; } .form--button-secondary { background: rgba(0,0,0,0); border: 2px solid hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-100, var(--opacity-40))); color: var(--theme--on-surface); } .form--button-secondary:hover { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-5)); } .form--button-secondary:focus { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-10)); } .form--button-secondary:disabled { background: rgba(0,0,0,0); border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-30))); color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-30))); } .form--button-secondary.loading::after { border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-0, var(--opacity-20))) !important; border-top-color: var(--theme--on-surface) !important; } .form--button-text { background: rgba(0,0,0,0); border: 2px solid hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-100, var(--opacity-0))); color: var(--theme--on-surface); } .form--button-text:hover { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-5)); } .form--button-text:focus { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-10)); } .form--button-text:disabled { background: rgba(0,0,0,0); border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-0))); color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-40))); } .form--button-text.loading::after { border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-0, var(--opacity-20))) !important; border-top-color: var(--theme--on-surface) !important; } .form--button-weak { background: hsl(var(--theme--on-surface--hsl)/0.07); border: 2px solid hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-100, var(--opacity-0))); color: var(--theme--on-surface); } .form--button-weak:hover { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-10)); } .form--button-weak:focus { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-15)); } .form--button-weak:disabled { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-5)); color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-30))); } .form--button-weak.loading::after { border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-0, var(--opacity-20))) !important; border-top-color: var(--theme--on-surface) !important; } .form--button-xs { font-size: 0.875rem; gap: 10px; min-height: 32px; padding: 5px 12px; } .form--button-xs svg { height: 16px; margin: 0 -6px; width: 16px; } @supports (-webkit-touch-callout: none) and (not (translate: none)) { .form--button-xs svg { margin: 0; } } @media (prefers-reduced-motion: no-preference) { .form--button-xs.loading::after { margin: 0; } } .form--button-small { font-size: 1rem; gap: 12px; min-height: 40px; padding: 6px 17px; } .form--button-small svg { height: 18px; margin: 0 -8px; width: 18px; } @supports (-webkit-touch-callout: none) and (not (translate: none)) { .form--button-small svg { margin: 0; } } @media (prefers-reduced-motion: no-preference) { .form--button-small.loading::after { margin: 0; } } .form--button-large { font-size: 1.25rem; min-height: 56px; padding: 10px 26px; } @-webkit-keyframes animation-slideleft { 100% { left: 0; } } @keyframes animation-slideleft { 100% { left: 0; } } @-webkit-keyframes animation-bounceright { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10% { -webkit-transform: scale(1.06, 0.94) translateX(0); transform: scale(1.06, 0.94) translateX(0); } 30% { -webkit-transform: scale(0.94, 1.06) translateX(10px); transform: scale(0.94, 1.06) translateX(10px); } 50% { -webkit-transform: scale(1.03, 0.97) translateX(0); transform: scale(1.03, 0.97) translateX(0); } 57% { -webkit-transform: scale(1, 1) translateX(1px); transform: scale(1, 1) translateX(1px); } 64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @keyframes animation-bounceright { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10% { -webkit-transform: scale(1.06, 0.94) translateX(0); transform: scale(1.06, 0.94) translateX(0); } 30% { -webkit-transform: scale(0.94, 1.06) translateX(10px); transform: scale(0.94, 1.06) translateX(10px); } 50% { -webkit-transform: scale(1.03, 0.97) translateX(0); transform: scale(1.03, 0.97) translateX(0); } 57% { -webkit-transform: scale(1, 1) translateX(1px); transform: scale(1, 1) translateX(1px); } 64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } .overlay-backdrop { background: rgba(0, 0, 0, 0.5); box-sizing: border-box; height: 100%; left: 0; position: fixed; top: 0; transition: all 0.25s; width: 100%; z-index: 900; } .overlay-backdrop * { box-sizing: border-box; } .overlay-backdrop.overlay-hidden { display: none; } @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { .overlay-backdrop { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: rgba(0, 0, 0, 0.3); } } .overlay { --border-radius: 6px; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4); z-index: 16; background-color: #fff; border-radius: var(--border-radius); box-sizing: border-box; height: calc(100vh - 30px); margin: 15px auto; max-width: calc(100vw - 30px); position: relative; width: 490px; /* for backward compatibility - remove when fully deployed */ } @media (min-width: 768px) { .overlay { height: 640px; margin: 85px auto; max-height: 90vh; } } .overlay .btn-overlay-close { cursor: pointer; display: inline-block; height: 48px; opacity: 0.8; overflow: hidden; position: absolute; right: 0; top: 0; transition: opacity 0.1s; width: 48px; z-index: 2; } .overlay .btn-overlay-close:hover { opacity: 1; } .overlay .btn-overlay-close::before, .overlay .btn-overlay-close::after { background: #000; border-radius: 0; content: ''; height: 2px; left: 13px; margin-top: -1px; opacity: 0.8; position: absolute; top: 50%; width: 18px; } .overlay .btn-overlay-close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .overlay .btn-overlay-close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .overlay .overlay-spinner { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHN0eWxlPi5zcGlubmVyLWdyb3VwIHt0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO2FuaW1hdGlvbjogc3BpbiAxLjVzIGluZmluaXRlIGxpbmVhcjt9LmNpcmNsZSB7b3BhY2l0eTogMC4xO2ZpbGw6IG5vbmU7c3Ryb2tlOiAjMDAwO3N0cm9rZS13aWR0aDogM3B4O30uc2VnbWVudCB7b3BhY2l0eTogMTtmaWxsOiBub25lO3N0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjUpO3N0cm9rZS13aWR0aDogM3B4O31Aa2V5ZnJhbWVzIHNwaW4gezAlIHt0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTt9MTAwJSB7dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTt9IH0gPC9zdHlsZT48ZyBjbGFzcz0ic3Bpbm5lci1ncm91cCI+PGNpcmNsZSBjbGFzcz0iY2lyY2xlIiBpZD0iY2lyY2xlNDQ5NCIgY3k9IjE1LjAwMDAwNiIgY3g9IjE1IiByPSIxMy41MDg4NjciIC8+PHBhdGggY2xhc3M9InNlZ21lbnQiIGQ9Ik0gMjguNTA4ODY3LDE1IEEgMTMuNTA4ODY3LDEzLjUwODg2NyAwIDAgMSAxNSwyOC41MDg4NjciIC8+PC9nPjwvc3ZnPg=="); height: 30px; width: 30px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); height: 30px; -webkit-transform: scale(2) translateX(-25%) translateY(-25%); transform: scale(2) translateX(-25%) translateY(-25%); width: 30px; } .overlay .overlay-spinner.overlay-hidden { display: none; } .overlay .overlay-content { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0; position: relative; z-index: 1; } .overlay .overlay-content iframe { border: 0; border-radius: var(--border-radius); display: block; height: 100%; width: 100%; } .overlay .overlay-footer { display: none; } :root { --theme-background: #e6e6e6; --theme-sidebar: #f2f2f2; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-primarydeco: #e00085; --theme-secondarydeco: #fff; --theme-linkdeco: #707070; --theme-ui-tint: #fff; --theme-ui-background: #202226; --theme-opinion-background: rgba(255, 219, 84, 0.5); --theme-opinion-primarydeco: #ffdb54; --theme-opinion-secondarydeco: #212121; --theme-ugc-background: transparent; --theme-ugc-primarydeco: #055f95; --theme-ugc-secondarydeco: #fff; --theme-community-background: transparent; --theme-community-primarydeco: #055f95; --theme-community-secondarydeco: #fff; --theme-live-background: transparent; --theme-live-primarydeco: #e02b4b; --theme-live-secondarydeco: #fff; --js-active-layout: mobile; --js-vh: 1vh; } :root { --site--core-maxwidth: unset; --site--core-minwidth: 0; --site--core-margin-left: 0px; --site--core-margin-right: 0px; --site--core-margin: 0 var(--site--core-margin-right) 0 var(--site--core-margin-left); --site--core-padding: 15px; } @media all and (min-width: 655px) { :root { --site--core-margin-left: 1.5625rem; --site--core-margin-right: 1.5625rem; } } @media all and (min-width: 960px) { :root { --site--core-maxwidth: 1875px; --site--core-margin-left: 0.9375rem; --site--core-margin-right: 0.9375rem; } } @media all and (min-width: 1000px) { :root { --site--core-margin-left: 1.5625rem; --site--core-margin-right: 1.5625rem; } } @media all and (min-width: 1600px) { :root { --site--core-margin-left: 5.625rem; } } @media all and (min-width: 2100px) { :root { --site--core-margin-left: auto; --site--core-margin-right: auto; } } .dst-header { --site--core-padding: 20px; --site--core-margin-left: 0; --site--core-margin-right: 0; --slot--search-display: flex; } :root { --site--header-minheight: 103px; } @media all and (min-width: 768px) { .dst-header { --site--core-margin-left: 1.5625rem; --site--core-margin-right: 1.5625rem; } } @media all and (min-width: 1024px) { .dst-header:not(.dst-app-header) { --site--core-margin-left: 4.5625rem; } :root { --site--header-minheight: 113px; } } @media all and (min-width: 1280px) { .dst-header { --site--core-margin-right: 0; } } @media all and (min-width: 2560px) { .dst-header:not(.dst-app-header) { --site--core-margin-left: 24.75rem; } :root { --site--header-minheight: 132px; } } .dst-header .quicklinks, .dst-header .site-statusbar { display: none !important; } :root { --dst-header-min-height: 103px; } @media all and (min-width: 1024px) { :root { --dst-header-min-height: 113px; } } @media all and (min-width: 2560px) { :root { --dst-header-min-height: 132px; } } dst-header, .dst-header-component { display: block; min-height: var(--dst-header-min-height); } @media all and (min-width: 1690px) { dst-header, .dst-header-component { max-width: 1357px; } } @media all and (min-width: 2560px) { dst-header, .dst-header-component { max-width: 1699px; } } :root.dst-app-header { --dst-header-min-height: 147px; --site--header-minheight: 147px; } :root.dst-app-header.no-promo { --dst-header-min-height: 112px; --site--header-minheight: 112px; } :root.dst-app-header { --site--header-minheight: 56px; } :root { --column: 20px; --gap: 20px; --row-gap: 0; --grid-block-width: 90px; --grid-block-height: 90px; --grid-gap: 15px; --grid-column: 20px; --single-column-and-gap: 35px; --single-block-and-gap: 105px; } @media (min-width: 768px) { :root { --row-gap: 15px; } } @media (min-width: 960px) { :root { --column: 18px; --gap: 8px; --row-gap: 8px; --grid-block-width: 70px; --grid-block-height: 70px; --grid-gap: 8px; --grid-column: 18px; --single-column-and-gap: 26px; --single-block-and-gap: 78px; } } @media (min-width: 1690px) { :root { --column: 20px; --gap: 15px; --row-gap: 15px; --grid-block-width: 90px; --grid-block-height: 90px; --grid-gap: 15px; --grid-column: 20px; --single-column-and-gap: 35px; --single-block-and-gap: 105px; } } @media (min-width: 768px) { :root { --js-active-layout: tablet; } } @media (min-width: 960px) { :root { --js-active-layout: desktop; } } @media (min-width: 1690px) { :root { --js-active-layout: desktop-wide; } } @media print { html { font-size: 16px; } } body { background: #e6e6e6; color: #212121; background: var(--theme-background); color: var(--theme-primarytint); font-display: swap; font-family: "STMatilda Info Variable", system-ui, sans-serif; font-size: 0.9375rem; font-weight: 420; line-height: 140%; margin: 0; min-height: 100vh; overflow-x: hidden; overflow-y: scroll; padding: 0; text-rendering: optimizeLegibility; word-break: break-word; } @media print { body { background: none; color: #000; padding: 0 !important; } body * { box-shadow: none !important; -webkit-transform: none !important; transform: none !important; transition: none !important; } } body.is-modal { height: 100vh; overflow: hidden; } figure { margin: 0; } [hidden] { display: none; } .usabilla_live_button_container { z-index: 17 !important; } button, input, select, textarea { font-family: inherit; } b, strong { font-weight: 600; } .ie-support-notification { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4); z-index: 8; background: #0078d7; bottom: 20px; color: #fff; font-size: 0.875rem; left: 20px; max-width: 660px; padding: 20px; position: fixed; right: 20px; z-index: 20 !important; } .ie-support-notification > *:first-child { margin-top: 0; } .ie-support-notification > *:last-child { margin-bottom: 0; } .ie-support-notification a { color: currentcolor; } .ie-support-notification button { background: none; border: 1px solid currentcolor; border-radius: 5px; color: currentcolor; cursor: pointer; padding: 8px 10px; white-space: nowrap; } .theme-default { --theme-background: #e6e6e6; --theme-sidebar: #f2f2f2; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-primarydeco: #e00085; --theme-secondarydeco: #fff; --theme-linkdeco: #707070; --theme-ui-tint: #fff; --theme-ui-background: #202226; --theme-opinion-background: rgba(255, 219, 84, 0.5); --theme-opinion-primarydeco: #ffdb54; --theme-opinion-secondarydeco: #212121; --theme-ugc-background: transparent; --theme-ugc-primarydeco: #055f95; --theme-ugc-secondarydeco: #fff; --theme-community-background: transparent; --theme-community-primarydeco: #055f95; --theme-community-secondarydeco: #fff; --theme-live-background: transparent; --theme-live-primarydeco: #e02b4b; --theme-live-secondarydeco: #fff; } .theme-opinion { --theme-background: #ffdb54; --theme-sidebar: #ffe78f; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-primarydeco: #ffdb54; --theme-secondarydeco: #212121; --theme-linkdeco: #8b7012; } .theme-ugc { --theme-background: #fff; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-primarydeco: #055f95; --theme-secondarydeco: #fff; --theme-linkdeco: #808080; } .theme-international { --theme-background: #c1d9d9; --theme-sidebar: #d6e6e6; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #316b6b; } .theme-inland { --theme-background: #d7e3e8; --theme-sidebar: #e8eff2; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #59737e; } .theme-wirtschaft { --theme-background: #d8dec1; --theme-sidebar: #e7ebd5; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #65713e; } .theme-web { --theme-background: #b7cca3; --theme-sidebar: #c9dab9; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #4a6034; } .theme-sport { --theme-background: #c6dc73; --theme-sidebar: #d4e694; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #556222; } .theme-wissenschaft { --theme-background: #bedae3; --theme-sidebar: #d4e7ed; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #4a6874; } .theme-panorama { --theme-background: #aed4ae; --theme-sidebar: #c5e2c5; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #446944; } .theme-etat { --theme-background: #fc6; --theme-sidebar: #ffd88a; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #846019; } .theme-kultur { --theme-background: #d2d0cf; --theme-sidebar: #e1e0df; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #6e6e6e; } .theme-zukunft { --theme-background: #e6e6e6; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #707070; } .theme-diskurs { --theme-background: #fff; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-kommentare { --theme-background: #f7f7f0; } .theme-kolumnen { --theme-background: #ffdb54; } .theme-debatten { --theme-background: #e6e6e6; } .theme-lifestyle { --theme-background: #fff; --theme-sidebar: #f0f0f0; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-automobil { --theme-background: #fff; --theme-sidebar: #f0f0f0; } .theme-bildung { --theme-background: #f8f8f8; --theme-sidebar: #ebebeb; } .theme-reisen { --theme-background: #f8f8f8; --theme-sidebar: #ebebeb; } .theme-familie { --theme-background: #ebe7ed; --theme-sidebar: #f7f7f7; } .theme-gesundheit { --theme-background: #f8f8f8; --theme-sidebar: #ebebeb; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-karriere { --theme-background: #f8f8f8; --theme-sidebar: #ebebeb; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-immobilien { --theme-background: #f8f8f8; --theme-sidebar: #ebebeb; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-diestandard { --theme-background: #efefef; --theme-sidebar: white; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-user { --theme-background: #f8f8f8; --theme-sidebar: #ebebeb; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-oenrw { --theme-background: #f2f2f2; --theme-primarytint: #212121; --theme-secondarytint: #434343; } .theme-wissenundgesellschaft { --theme-background: #bedae3; --theme-sidebar: #d4e7ed; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #4a6874; } .theme-deutschland { --theme-background: #d7e3e8; --theme-sidebar: #e8eff2; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #59737e; } .theme-meinung { --theme-background: #e6e6e6; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #707070; } .theme-formulare { --theme-background: #fde2ba; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #cacaca; } .theme-jobsuche { --theme-background: #efefef; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-primarydeco: #24869b; --theme-linkdeco: #808080; --theme-header-background: #24869b; --theme-header-primarytint: #fff; } .theme-immobiliensuche { --theme-background: #e0e3e0; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-primarydeco: #94ba65; --theme-linkdeco: #808080; --theme-header-background: #94ba65; --theme-header-primarytint: #fff; } .basic-scrollbar, .basic-scrollbar-light { box-sizing: border-box; overflow: auto; scrollbar-width: thin; } .basic-scrollbar { scrollbar-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.05); } .basic-scrollbar-light { scrollbar-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.1); } @media (min-width: 960px) { .basic-scrollbar::-webkit-scrollbar, .basic-scrollbar-light::-webkit-scrollbar { background: none; height: 3px; width: 3px; } .basic-scrollbar-bold::-webkit-scrollbar { width: 6px; } .basic-scrollbar::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } .basic-scrollbar-light::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); } .basic-scrollbar::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); } .basic-scrollbar-light::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.6); } .basic-scrollbar::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.2); } .basic-scrollbar-light::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.2); } } .hyphenate { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } [data-closable='dialog-cleverpush-settings'][data-closable-active='false'] { display: none; } .app--header--search { background-color: #fff; border-radius: 0.375rem; display: none; margin: 0 0.625rem 0.625rem; } .app--header--search:focus-within { box-shadow: inset 0 0 0 0.125rem #de017b; } .app--header--search input { background: none; border-color: transparent; margin: 0; padding-left: 0.9375rem; } .app--header--search input:hover, .app--header--search input:focus { border-color: transparent; box-shadow: none; } .app--header--search input[type='search'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .app--header--search button { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: none !important; border: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0.6875rem; } .app--header--search button svg { height: 1.5rem; margin-right: 0 !important; opacity: 0.5; transition: opacity 0.2s; width: 1.5rem; } .app--header--search button:hover svg { opacity: 0.8; } .app--header--search .form--text { border-radius: 0.1875rem; box-sizing: border-box; color: #212121; display: block; font-size: 1rem; line-height: 1.4; max-width: 100%; min-height: 2.875rem; outline: 0 !important; padding: 0.625rem; transition: all 0.1s ease-out; width: 100% !important; } .app--header--search .form--text:focus { border-color: transparent; box-shadow: none; } .app--header--search .form--text[type='search'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .app--header--breadcrumb { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: var(--mut-header-breadcrumb-base, var(--theme--secondary)); border-radius: 0.3125rem; color: var(--mut-header-breadcrumb-on-base, var(--theme--on-secondary, inherit)); display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 1.25rem; opacity: 0; } :root.dst-app-header .app--header--breadcrumb { display: none; } .app--header--breadcrumb a { border-radius: 0.3125rem; color: inherit; font-size: 0.9375rem; padding: 0.25rem 0.5rem; position: relative; text-decoration: none; transition: background-color 0.2s; } .app--header--breadcrumb a:not(:first-child)::before { content: '\203A\0020'; left: 0; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: opacity 0.1s; } .app--header--breadcrumb a:last-child { font-weight: 500; } .app--header--breadcrumb a:hover, .app--header--breadcrumb a:focus-visible { background-color: HSLA(var(--theme--on-base--h), var(--theme--on-base--s), var(--theme--on-base--l), 0.05); } .app--header--breadcrumb a:hover::before, .app--header--breadcrumb a:hover + a::before, .app--header--breadcrumb a:focus-visible::before, .app--header--breadcrumb a:focus-visible + a::before { opacity: 0; } .async-hide { opacity: 0 !important; } .site--header-next { --transition-duration: 200ms; background-color: #e6e6e6; min-height: 50px; background-color: var(--theme-header-background, var(--theme-background)); box-sizing: border-box; color: var(--theme-header-primarytint, var(--theme-primarytint)); min-height: var(--site--header-minheight, 50px); position: fixed; top: 0; transition: box-shadow 0.15s ease-out, min-height 0.05s linear; width: 100%; z-index: 19; --site--header-brandingheight: 20px; --site--header-brandingwidth: 138px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 0 1px -2px rgba(0, 0, 0, 0.17); box-shadow: var(--theme-header-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 0 1px -2px rgba(0, 0, 0, 0.17)); } :root:not(.dst-header) { --site--header-minheight: 50px; } :root { --site--header-maxwidth: unset; --site--header-margin: 0 auto; --site--header-currentheight: var(--site--header-minheight); } @media (min-width: 768px) { :root { --site--header-margin: var(--site--core-margin); } } @media all and (min-width: 1440px) { :root { --site--header-margin: 0 calc(var(--site--core-margin-right) + var(--grid-gap) + 300px) 0 var(--site--core-margin-left); } } @media (min-width: 1690px) { :root { --site--header-margin: var(--site--core-margin); --site--header-maxwidth: 1245px; } } @media (min-width: 2100px) { :root { --site--header-margin: 0 auto; } } [v-cloak] { display: none !important; } :root:not(.dst-header) body { padding-top: var(--site--header-minheight); } :root:not(.dst-header) body .site-header.site-header-static { margin-top: calc(var(--site--header-minheight) * -1); } @media (max-width: 767.9px) { :root:not(.dst-header) body.is-sticky-statusbar { padding-top: calc(var(--site--header-minheight) + var(--site--statusbar-height, 0px)); } } .site--header-next > div { margin: 0 auto; box-sizing: border-box; margin: var(--site--header-margin); max-width: var(--site--header-maxwidth); min-height: var(--site--header-minheight); position: relative; } @media (min-width: 768px) { .site--header-next > div { margin: 0 25px; } } @media all and (min-width: 1440px) { .site--header-next > div { margin: 0 333px 0 25px; } } @media all and (min-width: 1600px) { .site--header-next > div { margin: 0 333px 0 90px; } } @media (min-width: 1690px) { .site--header-next > div { margin: 0 90px; max-width: 1245px; } } @media (min-width: 2100px) { .site--header-next > div { margin: 0 auto; } } .site--header-next > div > *:not(.site-guide-next) svg { --tint: var(--theme-header-primarytint, var(--theme-primarytint)); } .site--header-next.compact, .site--header-next.scrolled { background-color: var(--theme-header-backgroundfixed, var(--theme-header-background, var(--theme-background))); box-shadow: var(--theme-header-shadowfixed, 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 0 1px -2px rgba(0, 0, 0, 0.17)); color: var(--theme-header-primarytintfixed, var(--theme-header-primarytint, var(--theme-primarytint))); } @media (max-width: 767.9px) { .site--header-next.compact.statusbar-affixed, .site--header-next.scrolled.statusbar-affixed { box-shadow: none; } } .site--header-next.compact > div > *:not(.site-guide-next) svg, .site--header-next.scrolled > div > *:not(.site-guide-next) svg { --tint: var(--theme-header-primarytintfixed, var(--theme-header-primarytint, var(--theme-primarytint))); } .site--header-next.compact .meta a[title='Supporter'], .site--header-next.scrolled .meta a[title='Supporter'] { background-color: var(--theme-header-primarytintfixed, var(--theme-header-primarytint, #ffc83d)); } .site--header-next.compact .meta a[title='Abo'], .site--header-next.scrolled .meta a[title='Abo'] { background-color: var(--theme-header-primarytintfixed, var(--theme-header-primarytint, #008d8d)); } .site--header-next.compact .meta a[title='Immosuche'], .site--header-next.scrolled .meta a[title='Immosuche'] { background-color: var(--theme-header-primarytintfixed, var(--theme-header-primarytint, #94ba65)); } .site--header-next.compact .meta a[title='Jobsuche'], .site--header-next.scrolled .meta a[title='Jobsuche'] { background-color: var(--theme-header-primarytintfixed, var(--theme-header-primarytint, #ed827a)); } .site--header-next button { margin: 0; } .site--header-next > div { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; } .site--header-next .site-guide-toggle button .descriptive-txt, .site--header-next .site-guide-toggle .button .descriptive-txt, .site--header-next .login button .descriptive-txt, .site--header-next .login .button .descriptive-txt, .site--header-next .search button .descriptive-txt, .site--header-next .search .button .descriptive-txt { display: none; } .site--header-next .site-guide-toggle button:focus, .site--header-next .site-guide-toggle .button:focus, .site--header-next .login button:focus, .site--header-next .login .button:focus, .site--header-next .search button:focus, .site--header-next .search .button:focus { background: rgba(0, 0, 0, 0.05); outline: none; } .site--header-next .site-guide-toggle { height: 50px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; height: var(--site--header-minheight); -webkit-order: 2; -ms-flex-order: 2; order: 2; } .site--header-next .site-guide-toggle button * { pointer-events: none; } .site--header-next .brand { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-order: 0; -ms-flex-order: 0; order: 0; } @media (max-width: 767.9px) { .site--header-next .brand.site-branding-hidden { display: none; } .site-guide-visible .site--header-next .brand { display: -webkit-flex; display: -ms-flexbox; display: flex; } } .site--header-next .brand span { display: none; } .site--header-next .brand a { padding: 15px; display: block; line-height: 0; padding: 15px var(--site--core-padding); } @media print { .site--header-next .brand a { padding: 15px 0; } } .site--header-next .brand svg { height: 20px; width: 138px; height: var(--site--header-brandingheight); pointer-events: none; width: var(--site--header-brandingwidth); } .site--header-next .meta { display: none; } @media (min-width: 360px) { .site--header-next .meta { display: -webkit-flex; display: -ms-flexbox; display: flex; } } .site--header-next .meta ul { list-style-type: none; margin: 0; padding: 0; } .site--header-next .meta li { display: none; margin: 0; padding: 0; } .site--header-next .meta li:nth-last-of-type(4) { display: block; } @media all and (max-width: 1023.9px) { .site--header-next .meta a[title='Supporter'] { background: transparent 50% 50%/22px 21px url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.45%2020%22%3E%3Cpath%20fill%3D%22%22121213%22%20d%3D%22M20.47%201.97a6.77%206.77%200%2000-9.25-.29%206.76%206.76%200%2000-9.24%209.86l5.44%205.43%202.45%202.46a1.9%201.9%200%20001.34.57h.02a1.83%201.83%200%20001.84-2.02l.14.01h.03a1.83%201.83%200%20001.83-2.01%201.69%201.69%200%2000.18%200%201.83%201.83%200%20001.83-2%201.4%201.4%200%2000.17%200%201.83%201.83%200%20001.3-.54l1.92-1.9a6.77%206.77%200%20000-9.57z%22%2F%3E%3Cpath%20fill%3D%22%23ffc83d%22%20d%3D%22M19.84%2010.9l-.8.8a1.9%201.9%200%2000-.52-.92L15.34%207.6a3.56%203.56%200%2000.66-.53l.47-.47a.44.44%200%2010-.62-.63l-.48.47a2.71%202.71%200%2001-3.83%200l-.32-.31-2.6%202.6a1.85%201.85%200%2001-2.17.15.53.53%200%2001-.27-.38%201.66%201.66%200%2001.64-1.18l4.72-4.72a5.87%205.87%200%20018.3%208.3z%22%2F%3E%3Cpath%20fill%3D%22%23ffc83d%22%20d%3D%22M17.93%2012.82a1%201%200%2001-1.4-.03L12.84%209.1a.45.45%200%2000-.63.63l3.69%203.69a.97.97%200%2011-1.38%201.37l-3.68-3.68a.45.45%200%2010-.63.63l3.68%203.68a1%201%200%2001.03%201.4.95.95%200%2001-.69.28%201.02%201.02%200%2001-.71-.3l-3.69-3.68a.45.45%200%2000-.63.63l3.69%203.68a1%201%200%2001.03%201.4.94.94%200%2001-.7.28%201.03%201.03%200%2001-.7-.3l-3.1-3.1-4.8-4.8a5.87%205.87%200%20017.96-8.6l-1.9%201.9L6.2%206.7A2.38%202.38%200%20005.3%208.6%201.4%201.4%200%20006%209.64a3.05%203.05%200%20001.52.42%202.4%202.4%200%20001.74-.7l1.99-2a3.6%203.6%200%20003.22.61l3.43%203.43a1%201%200%2001.03%201.42z%22%2F%3E%3C%2Fsvg%3E") no-repeat !important; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 0; height: 50px; text-indent: -10000px; width: 22px; } } @media (max-width: 767.9px) { .site--header-next .site-branding-hidden ~ .meta { display: none; } } .site--header-next .path, .site--header-next .main, .site--header-next .search { display: none; } .site--header-next button, .site--header-next .button { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: none; border: 0; color: currentColor; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 0.9375rem; font-weight: bold; line-height: 0.9375rem; padding: 0; position: relative; text-decoration: none; } .site--header-next button svg, .site--header-next .button svg { height: 50px; pointer-events: none; width: 50px; } .site--header-next button.inactive, .site--header-next .button.inactive { opacity: 0.5; } .site--header-next button.toggle-notifications span:last-child, .site--header-next .button.toggle-notifications span:last-child { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .site--header-next button.toggle-notifications span:last-child span, .site--header-next .button.toggle-notifications span:last-child span { background: #e00085; border-radius: 0.5625rem; box-shadow: 0 0 0 0.125rem var(--theme-header-backgroundfixed, var(--theme-header-background, var(--theme-background))); box-sizing: border-box; color: #fff; display: inline-block; font-size: 0.6875rem; font-weight: bold; left: 34px; line-height: 0.6875rem; min-height: 0.875rem; padding: 0.09375rem 0.25rem 0; position: absolute; text-align: center; top: 14px; -webkit-transform: translatex(-50%); transform: translatex(-50%); white-space: nowrap; z-index: 1; } .site--header-next button.toggle-notifications.muted, .site--header-next .button.toggle-notifications.muted { opacity: 0.5; } .site--header-next button.toggle-notifications.muted span:last-child span, .site--header-next .button.toggle-notifications.muted span:last-child span { display: none; } .site--header-next button.toggle-notifications.muted span:last-child::after, .site--header-next .button.toggle-notifications.muted span:last-child::after { background: currentColor; box-shadow: 0 0 0 0.08125rem var(--theme-header-backgroundfixed, var(--theme-header-background, var(--theme-background))); content: ''; display: block; height: 54%; left: 50%; position: absolute; top: 50%; -webkit-transform: rotate(51deg); transform: rotate(51deg); -webkit-transform: translate(-50%, -50%) rotate(51deg); transform: translate(-50%, -50%) rotate(51deg); width: 2px; } .site--header-next .login { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; -webkit-order: 1; -ms-flex-order: 1; order: 1; position: relative; } .site--header-next .login::before, .site--header-next .login::after { background-color: var(--theme-header-primarytint, var(--theme-primarytint)); content: ''; height: 26px; opacity: 0.1; width: 1px; } .site--header-next .login > button { line-height: 0.625rem; min-width: 50px; } .site--header-next .login > button:first-of-type { -webkit-order: -1; -ms-flex-order: -1; order: -1; } .site--header-next .login > button:focus { background: rgba(0, 0, 0, 0.05); outline: none; } .site--header-next .login > button * { pointer-events: none; } .site--header-next .login > button .descriptive-txt + span { font-size: 0; line-height: 0; } .site--header-next .login[v-cloak] { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; visibility: hidden !important; } .site--header-next .login[v-cloak] button, .site--header-next .login[v-cloak] .button { display: none; } .site--header-next:not(.user-loggedin) .login::before { content: none; } @media (max-width: 399.9px) { body:not(.site-guide-visible) .site--header-next.user-loggedin .site-branding-hidden ~ .login::before, body:not(.site-guide-visible) .site--header-next.user-loggedin .site-branding-hidden ~ .login > button:not(.toggle-notifications) { display: none; } body:not(.site-guide-visible) .site--header-next.user-loggedin .site-branding-hidden ~ .login .site--header--notifications::before { right: 58px; } body:not(.site-guide-visible) .site--header-next.user-loggedin .site-branding-hidden ~ .login .site--header--usermenu::before { display: none; } } .site--header-next.compact.site--header-min .brand, .site--header-next.compact.site--header-min .meta, .site--header-next.compact.site--header-min .path { display: none; } .site--header-next.compact.site--header-min .login { margin-left: auto; } @media all and (min-width: 1920px) { .site--header-next.compact.site--header-min .brand { display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .site--header-next { --site--header-brandingheight: 30px; --site--header-brandingwidth: 207px; --site--header-guideoffset: 15px; } :root:not(.dst-header) { --site--header-minheight: 80px; } :root:not(.dst-header) body { padding-top: 80px; padding-top: var(--site--header-minheight); } .site--header-next .site-guide-toggle { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; height: 80px; margin-right: -17px; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .site--header-next .brand { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; height: 80px; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -10px; } .site--header-next .brand a { padding: 15px 10px; } .site--header-next .brand svg { height: 30px; height: var(--site--header-brandingheight); width: 207px; width: var(--site--header-brandingwidth); } .site--header-next .path { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; display: -webkit-flex; display: -ms-flexbox; display: flex; font: 1.125rem "STMatilda Info Variable", system-ui, sans-serif; height: 80px; line-height: 1.875rem; max-width: 200px; white-space: nowrap; } .site--header-next .path a { color: currentColor; display: inline-block; overflow: hidden; padding: 5px 5px 5px 0; text-decoration: none; text-overflow: ellipsis; } .site--header-next .path a::before { content: '\203a'; margin-right: 0.5ex; } .site--header-next .meta { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 80px; margin-left: auto; padding: 0 10px; } .site--header-next .meta ul { display: -webkit-flex; display: -ms-flexbox; display: flex; list-style-type: none; margin: 0; padding: 0; } .site--header-next .meta li { margin: 0; } .site--header-next .meta a { color: #fff; border-radius: 4px; box-sizing: border-box; color: var(--theme-header-backgroundfixed, var(--theme-header-background, #fff)); display: block; font: 700 0.875rem/2.1875rem "STMatilda Info Variable", system-ui, sans-serif; padding: 0 10px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .site--header-next .meta a[title='Supporter'] { background-color: #ffc83d; color: #434343; background-color: var(--theme-header-primarytint, #ffc83d); color: var(--theme-header-backgroundfixed, var(--theme-header-background, #434343)); } .site--header-next .meta a[title='Abo'] { background-color: #008d8d; background-color: var(--theme-header-primarytint, #008d8d); } .site--header-next .meta a[title='Immosuche'] { background-color: #94ba65; background-color: var(--theme-header-primarytint, #94ba65); } .site--header-next .meta a[title='Jobsuche'] { background-color: #ed827a; background-color: var(--theme-header-primarytint, #ed827a); } .site--header-next .meta + .search { margin-left: 0; } .site--header-next .search { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 80px; margin-left: auto; -webkit-order: 0; -ms-flex-order: 0; order: 0; position: relative; } .site--header-next .search::after { background-color: var(--theme-header-primarytint, var(--theme-primarytint)); content: ''; display: block; height: 26px; opacity: 0.1; width: 1px; } .site--header-next .login { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 80px; margin-left: 0; -webkit-order: 0; -ms-flex-order: 0; order: 0; } } @media all and (min-width: 1024px) { .site--header-next { --site--header-brandingheight: 36px; --site--header-brandingwidth: 249px; } :root:not(.dst-header) { --site--header-minheight: 107px; } .site--header-next.compact { --site--header-minheight: 80px; } :root:not(.dst-header) body { padding-top: 107px; } .site--header-next:not(.scrolled) { box-shadow: none; } .site--header-next.compact .main { height: 0; opacity: 0; } .site--header-next.scrolled .main { border-bottom-color: transparent; } .site--header-next > div { box-sizing: border-box; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media all and (min-width: 1024px) and (min-width: 1690px) { .site--header-next .site-guide-toggle::after, .site--header-next .login::before, .site--header-next .login::after, .site--header-next .search::after { display: none; } .site--header-next .site-guide-toggle button .descriptive-txt, .site--header-next .site-guide-toggle .button .descriptive-txt, .site--header-next .login button .descriptive-txt, .site--header-next .login .button .descriptive-txt, .site--header-next .search button .descriptive-txt, .site--header-next .search .button .descriptive-txt { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; display: block; margin-right: -5px; padding-left: 11px; } } @media all and (min-width: 1024px) { .site--header-next .brand { margin-left: -10px; } .site--header-next .brand a { padding: 5px 10px; } .site--header-next .brand svg { height: 36px; width: 249px; } .site--header-next .path { font-size: 1.25rem; } .site--header-next .path a { padding: 8px 8px 8px 0; } .site--header-next .meta li { display: block; } .site--header-next .meta li:not(:first-of-type) { margin-left: 4px; } } @media all and (min-width: 1024px) and (min-width: 1280px) { .site--header-next .meta li:not(:last-of-type) { margin-right: 5px; } } @media all and (min-width: 1024px) { .site--header-next .main { -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid currentColor; border-top: 1px solid rgba(52, 52, 52, 0.2); box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; height: 37px; margin-top: -10px; opacity: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1; overflow: hidden; position: static; text-overflow: ellipsis; transition: opacity 0.15s ease-out; } .site--header-next .main > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: 0 -6px; max-height: 37px; overflow: hidden; padding: 0; } } @media all and (min-width: 1024px) and (min-width: 1280px) { .site--header-next .main > ul { margin: 0 -9px; } } @media all and (min-width: 1024px) and (min-width: 1690px) { .site--header-next .main > ul { margin: 0 -8px; } } @media all and (min-width: 1024px) { .site--header-next .main > ul > li { color: currentColor; font-size: 0.875rem; font-weight: bold; letter-spacing: 0.5px; line-height: 1.3125rem; text-transform: uppercase; } } @media all and (min-width: 1024px) and (min-width: 1280px) { .site--header-next .main > ul > li { font-size: 0.9375rem; } } @media all and (min-width: 1024px) { .site--header-next .main > ul > li.tag { margin-left: auto; } .site--header-next .main > ul > li.tag + .tag { margin-left: 5px; } .site--header-next .main > ul > li.tag > a { background: var(--theme-header-primarytintfixed, var(--theme-header-primarytint, var(--theme-primarytint))); color: var(--theme-header-backgroundfixed, var(--theme-header-background, var(--theme-background))); } .site--header-next .main > ul > li.tag > a:hover { background: none; border: 2px solid currentColor; color: var(--theme-header-primarytintfixed, var(--theme-header-primarytint, var(--theme-primarytint))); padding: 5px 8px 1px; } .site--header-next .main > ul > li.tag > a:hover::after { border-bottom-color: transparent; } .site--header-next .main > ul > li a, .site--header-next .main > ul > li button { color: currentColor; display: block; font-size: 0.875rem; letter-spacing: 0.5px; line-height: 1.3125rem; padding: 9px 6px 1px; text-decoration: none; text-transform: uppercase; } } @media all and (min-width: 1024px) and (min-width: 1280px) { .site--header-next .main > ul > li a, .site--header-next .main > ul > li button { font-size: 0.9375rem; padding-left: 9px; padding-right: 9px; } } @media all and (min-width: 1024px) and (min-width: 1690px) { .site--header-next .main > ul > li a, .site--header-next .main > ul > li button { padding-left: 8px; padding-right: 8px; } } @media all and (min-width: 1024px) and (-ms-high-contrast: none), all and (min-width: 1024px) and (-ms-high-contrast: active) { .site--header-next .main > ul > li a, .site--header-next .main > ul > li button { font-size: 0.875rem; padding-left: 7px; padding-right: 7px; } } @media all and (min-width: 1024px) { .site--header-next .main > ul > li a::after, .site--header-next .main > ul > li button::after { border-bottom: 2px solid transparent; content: ''; display: block; margin-top: 4px; } .site--header-next .main > ul > li a:hover::after, .site--header-next .main > ul > li button:hover::after { border-bottom-color: currentColor; } .site--header-next .main > ul > li a:focus, .site--header-next .main > ul > li button:focus { outline: none; } .site--header-next .main > ul > li a:focus::after, .site--header-next .main > ul > li button:focus::after { border-bottom-color: currentColor; } } @media all and (min-width: 1024px) and (max-width: 1689.9px) { .site--header-next .main > ul > li > a[title='Karriere'], .site--header-next .main > ul > li > a[title='Immobilien'] { display: none; } } @media all and (min-width: 1024px) { .site--header-next .main ul ul { background: #202226; color: #fff; padding: 20px; background: var(--background); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); box-sizing: border-box; color: var(--tint); display: none; font-size: 1.0625rem; padding: var(--grid-column); z-index: 17; --background: var(--theme-ui-background, #202226); --tint: var(--theme-ui-tint, #fff); position: absolute; font-size: 0.9375rem; list-style-type: none; margin: 0; min-width: 165px; -webkit-transform: translatex(-60px) translatey(5px); transform: translatex(-60px) translatey(5px); } .site--header-next .main ul ul[data-closable-active='true'] { display: block; } .site--header-next .main ul ul::before { border-color: transparent transparent #202226; border-color: transparent transparent var(--background); border-style: solid; border-width: 0 8px 8px; content: ''; height: 0; left: 85px; position: absolute; top: -7px; width: 0; } } @media all and (min-width: 1024px) and (min-width: 1690px) { .site--header-next .main ul ul a[title='Karriere'], .site--header-next .main ul ul a[title='Immobilien'] { display: none; } } @media all and (min-width: 1024px) { .site--header-next .main ul ul a { color: currentColor; display: inline-block; } } @media (min-width: 2100px) { .site--header-next { padding-right: 630px; } } @media print { .site--header-next { background: none; color: #000; display: block; margin: 0; min-height: unset; padding: 0; position: relative; } .site--header-next > div { min-height: unset; } .site--header-next > div > *:not(.brand) { display: none !important; } } .site--header-next :root:not(.dst-header) body.site-guide-visible { z-index: 200; } .site--header--search { background: #e6e6e6; background: var(--theme-background); display: none; position: absolute; right: 0; top: 17px; width: 345px; } .site--header--search[data-closable-active='true'] { display: block; } .site--header--search > div { display: -webkit-flex; display: -ms-flexbox; display: flex; } .site--header--search > div input { color: #212121; background-color: #fff; border: 1px solid #999; border-radius: 3px; box-sizing: border-box; color: var(--theme-primarytint, #212121); display: block; font-family: "STMatilda Info Variable", system-ui, sans-serif; font-size: 1rem; line-height: 1.4; max-width: 100%; min-height: 46px; outline: 0; padding: 10px; transition: border-color 0.1s ease-out; width: 100%; border-bottom-right-radius: 0 !important; border-right: 0 !important; border-top-right-radius: 0 !important; color: #212121 !important; } .site--header--search > div input:hover { border-color: var(--theme-secondarytint, #434343); } .site--header--search > div input:focus { box-shadow: inset 0 0 0 1px #999; } .site--header--search > div input[disabled] { cursor: not-allowed; opacity: 0.6; } .site--header--search > div input[disabled] + label { opacity: 0.6; } .site--header--search > div input[aria-invalid] { background-color: rgba(236, 0, 140, 0.05); border-color: #c4051a; box-shadow: inset 0 0 0 1px #c4051a; } .site--header--search > div input[type='search'] { -webkit-appearance: none; } .site--header--search > div input[type='search']::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyLjcgNC4zbC0uOS0uOUw4IDcuMSA0LjMgMy4zbC0xIDFMNy4xIDhsLTMuNyAzLjcuOS45TDggOC45bDMuNyAzLjcuOS0uOUw4LjkgOGwzLjgtMy43eiIgZmlsbD0iIzM0MzQzNCIvPjxwYXRoIGQ9Ik0wIDBoMTZ2MTZIMFYweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg=="); cursor: pointer; height: 20px; width: 20px; } .site--header--search > div input[type='date'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .site--header--search > div button { --button-background: var(--theme-primarydeco); --button-background-disabled: #aaa; --button-border: 0; --button-border-radius: 3px; --button-font-size: 1rem; --button-height: 46px; --button-margin: 0; --button-padding: 10px 20px; --button-tint: var(--theme-ui-tint, #fff); background: #e00085; border: 0; border-radius: 3px; color: #fff; font-size: 1rem; height: 46px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: var(--button-background); border: var(--button-border); border-radius: var(--button-border-radius); box-sizing: border-box; color: var(--button-tint); cursor: pointer; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-family: "STMatilda Info Variable", system-ui, sans-serif; font-size: var(--button-font-size); font-weight: bold; height: var(--button-height); -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 1px; line-height: 1; margin: var(--button-margin); padding: var(--button-padding); text-align: center; text-decoration: none; text-transform: uppercase; transition: all 0.1s ease; background: #202226 !important; border-radius: 0 3px 3px 0 !important; --button-border-radius: 0 3px 3px 0 !important; --button-background: var(--theme-ui-background) !important; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 50px; position: relative; } .site--header--search > div button:hover { background: var(--button-background) linear-gradient(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.07)); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); } .site--header--search > div button:focus { background: var(--button-background) linear-gradient(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.12)); } .site--header--search > div button:active { box-shadow: none; } .site--header--search > div button:disabled { background: #aaa; box-shadow: none; color: var(--theme-primarytint); cursor: not-allowed; opacity: 0.6; } .site--header--search > div button span { display: none; } .site--header--search > div button::before { position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIyLjIgMjcuMjRhNC43OSA0Ljc5IDAgMCAwIDMuNTYtMS40OCA1LjAxIDUuMDEgMCAwIDAgMS40OC0zLjU4IDQuNjUgNC42NSAwIDAgMC0xLjQ4LTMuNTUgNS4wNSA1LjA1IDAgMCAwLTMuNTUtMS40OCA0Ljg1IDQuODUgMCAwIDAtMy41OCAxLjQ4IDQuNjMgNC42MyAwIDAgMC0xLjQ4IDMuNTUgNS4zIDUuMyAwIDAgMCAxLjQ4IDMuNTggNC41MiA0LjUyIDAgMCAwIDMuNTggMS40OHptNy41Ny4zNkwzNiAzMy44MyAzMy44NyAzNmwtNi4yMy02LjI2di0xLjE4bC0uMTUtLjE3YTcuOCA3LjggMCAwIDEtNS4yOCAxLjk0IDcuOTggNy45OCAwIDAgMS01LjgzLTIuMzYgNy44MyA3LjgzIDAgMCAxLTIuMzgtNS44IDcuODMgNy44MyAwIDAgMSAyLjM4LTUuNzlBOC4wOCA4LjA4IDAgMCAxIDIyLjIxIDE0YTcuNTggNy41OCAwIDAgMSA1Ljc2IDIuMzggOC4xNiA4LjE2IDAgMCAxIDIuMzUgNS44IDcuODUgNy44NSAwIDAgMS0xLjkzIDUuM2wuMTcuMTZ6Ij48L3BhdGg+PC9zdmc+"); height: 50px; width: 50px; } @media (min-width: 1280px) { .site--header--search { width: 500px; } } .site--header--usermenu { background: #202226; color: #fff; padding: 20px; background: var(--background); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); box-sizing: border-box; color: var(--tint); display: none; font-size: 1.0625rem; padding: var(--grid-column); z-index: 17; --background: var(--theme-ui-background, #202226); --tint: var(--theme-ui-tint, #fff); position: absolute; right: -20px; width: 100vw; max-width: calc(var(--grid-block-width) * 4 + var(--grid-gap) * 3); right: calc(var(--grid-column) * -2); top: var(--site--header-minheight); width: calc(100vw - (var(--grid-column) * 1)); } .site--header--usermenu[data-closable-active='true'] { display: block; } .site--header--usermenu::before { border-color: transparent transparent #202226; border-color: transparent transparent var(--background) transparent; border-style: solid; border-width: 0 8px 8px; content: ''; height: 0; position: absolute; right: 57px; top: -7px; width: 0; } .site--header--usermenu a { color: #fff; color: var(--tint); text-decoration: none; } .site--header--usermenu a:focus { background: rgba(255, 255, 255, 0.05); outline: none; } .site--header--usermenu > a { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px; } .site--header--usermenu header { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .site--header--usermenu header > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .site--header--usermenu img { background: rgba(255, 255, 255, 0.05); border: 0; border-radius: 12px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: calc(var(--grid-column) * 2 + var(--grid-gap)); margin-right: var(--grid-gap); width: 55px; } .site--header--usermenu h1 { font-size: 1.375rem; line-height: 1.6875rem; margin: -0.5rem 0 0 0; } .site--header--usermenu h1 em { display: none; } .site--header--usermenu h2, .site--header--usermenu p { font-size: 0.9375rem; font-weight: normal; margin: 0; } .site--header--usermenu ul { list-style-type: none; margin: 0; padding: 0; } .site--header--usermenu ul a { cursor: pointer; display: block; padding: 7px 9px; } .site--header--usermenu ul a:hover { text-decoration: underline; } .site--header--usermenu ul a span { display: block; font-size: 0.9375rem; opacity: 0.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 768px) { .site--header--usermenu { max-width: 405px; left: auto; right: 1px; top: 65px; } .site--header--usermenu::before { left: auto; right: 17px; } } @media (min-width: 1690px) { .site--header--usermenu { right: 0; } } .site--header--notifications { background: #202226; color: #fff; padding: 20px; background: var(--background); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); box-sizing: border-box; color: var(--tint); display: none; font-size: 1.0625rem; padding: var(--grid-column); z-index: 17; --background: var(--theme-ui-background, #202226); --tint: var(--theme-ui-tint, #fff); position: absolute; background: #fff; color: #202226; max-width: 405px; width: calc(100vw - 20px); background: var(--tint); color: var(--background); max-width: calc(var(--grid-block-width) * 4 + var(--grid-gap) * 3); padding: 0; right: calc(var(--grid-column) * -2); top: var(--site--header-minheight); width: calc(100vw - var(--grid-column)); } .site--header--notifications[data-closable-active='true'] { display: block; } .site--header--notifications.active { display: block; } @media (min-width: 960px) { .site--header--notifications { left: auto; max-width: 405px; right: 52px; top: 65px; } } .site--header--notifications::before { border-color: transparent transparent #fff; border-color: transparent transparent var(--tint); border-style: solid; border-width: 0 8px 8px; content: ''; height: 0; position: absolute; right: 109px; top: -7px; width: 0; } .site--header--notifications > * { position: relative; } .site--header--notifications header { display: none; } .site--header--notifications a { color: currentColor; } .site--header--notifications .notifications-list, .site--header--notifications .notifications-empty, .site--header--notifications .notifications-placeholder { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.05); box-sizing: border-box; max-height: calc((var(--js-vh, 1vh) * 100) - var(--site--header-minheight) - 10px); -webkit-overflow-scrolling: touch; overflow-y: auto; } .site--header--notifications .notifications-list::-webkit-scrollbar, .site--header--notifications .notifications-empty::-webkit-scrollbar, .site--header--notifications .notifications-placeholder::-webkit-scrollbar { background: none; height: 3px; width: 3px; } .site--header--notifications .notifications-list::-webkit-scrollbar-track, .site--header--notifications .notifications-empty::-webkit-scrollbar-track, .site--header--notifications .notifications-placeholder::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } .site--header--notifications .notifications-list::-webkit-scrollbar-thumb, .site--header--notifications .notifications-empty::-webkit-scrollbar-thumb, .site--header--notifications .notifications-placeholder::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); } .site--header--notifications .notifications-list::-webkit-scrollbar-thumb:window-inactive, .site--header--notifications .notifications-empty::-webkit-scrollbar-thumb:window-inactive, .site--header--notifications .notifications-placeholder::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.2); } .site--header--notifications .notifications-list::-webkit-scrollbar, .site--header--notifications .notifications-empty::-webkit-scrollbar, .site--header--notifications .notifications-placeholder::-webkit-scrollbar { width: 6px; } @media all and (min-width: 960px) and (min-height: 900px) { .site--header--notifications .notifications-list, .site--header--notifications .notifications-empty, .site--header--notifications .notifications-placeholder { max-height: 800px; } } .site--header--notifications .notifications-list { background-color: inherit; color: #888; list-style: none; margin: 0; padding: 10px 0; } .site--header--notifications .notifications-list ul { list-style: none; margin: 0; padding: 0; } .site--header--notifications .notifications-list li { border-bottom: 1px solid rgba(52, 52, 52, 0.1); position: relative; will-change: transform, opacity; } .site--header--notifications .notifications-list li a { color: currentColor; display: block; font-size: 0.9375rem; line-height: 1.1875rem; padding: 13px 20px; text-decoration: none; } .site--header--notifications .notifications-list li a:hover, .site--header--notifications .notifications-list li a:focus { background-color: rgba(0, 0, 0, 0.04); } .site--header--notifications .notifications-list li a blockquote { font-size: 0.875rem; margin: 7px 0; } .site--header--notifications .notifications-list li a p { margin: 0; } .site--header--notifications .notifications-list li a p.notification-header { color: var(--background); } .site--header--notifications .notifications-list li a p.notification-header .notification-is-byfollowee { color: #38a8e0; } .site--header--notifications .notifications-list li a time { display: block; font-size: 0.875rem; opacity: 0.6; } .site--header--notifications .notifications-list li .notification-unfollow-trigger { color: #888; cursor: pointer; float: right; margin: -13px -20px 0 0; opacity: 0.6; } .site--header--notifications .notifications-list li .notification-unfollow-trigger svg { height: 40px; width: 40px; } .site--header--notifications .notifications-list li .notification-unfollow-trigger:hover, .site--header--notifications .notifications-list li .notification-unfollow-trigger:focus { color: var(--background); opacity: 1; } .site--header--notifications .notifications-list li.new { background-color: #f5f8ff; } .site--header--notifications .notifications-list li.notifications-list-leave-active { transition: all 0.5s; } .site--header--notifications .notifications-list li.notifications-list-leave-to { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .site--header--notifications .notifications-list > div { color: #888; font-size: 0.9375rem; padding: 20px 20px 10px; text-align: center; } .site--header--notifications .notifications-empty { padding: 20px; font-size: 0.9375rem; opacity: 0.6; padding: calc(var(--grid-column) * 2) var(--grid-column); text-align: center; } .site--header--notifications .notifications-empty svg { height: 40px; width: 32px; } .site--header--notifications .notifications-empty p { margin: 1ex 0 0; } .site--header--notifications .notifications-empty p:first-of-type { margin: 2ex 0 0; } .site--header--notifications .notifications-empty a { cursor: pointer; text-decoration: underline; } .site--header--notifications .notifications-placeholder { height: 470px; line-height: 0; padding: 10px 0; } .site--header--notifications .notifications-placeholder svg { height: 450px; max-height: 100%; width: 100%; } @media (min-width: 768px) { .site--header--notifications { left: auto; right: 52px; top: 65px; } .site--header--notifications::before { left: auto; right: 17px; } } @media (min-width: 1690px) { .site--header--notifications { right: 93px; } } .site--header-next > div > .site-guide-next { background: #202226; color: #fff; padding: 20px; background: var(--background); box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); box-sizing: border-box; color: var(--tint); display: none; font-size: 1.0625rem; padding: var(--grid-column); z-index: 17; --background: var(--theme-ui-background, #202226); --tint: var(--theme-ui-tint, #fff); position: absolute; --site--guide-height: calc((var(--js-vh, 1vh) * 100) - var(--site--header-minheight)); --site--guide-maxheight: unset; --site--guide-maxwidth: 100vw; max-width: 400px; top: 50px; left: 0; max-width: var(--site--guide-maxwidth); padding: 0; position: fixed; top: var(--site--header-minheight); width: 100%; z-index: 19; } body header.site-guide-visible { z-index: 20; } @media (max-width: 767.9px) { body header.site-guide-visible { --theme-header-background: var(--theme-ui-background) !important; --theme-header-backgroundfixed: var(--theme-ui-background) !important; --theme-header-primarytint: var(--theme-ui-tint) !important; --theme-header-primarytintfixed: var(--theme-ui-tint) !important; } } .site--header-next > div > .site-guide-next[data-closable-active='true'] { display: block; } @media (min-width: 768px) { .site--header-next > div > .site-guide-next { top: 65px; --site--guide-height: calc((var(--js-vh, 1vh) * 100) - var(--site--header-minheight) - 20px); --site--guide-maxheight: 900px; --site--guide-maxwidth: 400px; left: auto; position: absolute; right: -17px; top: calc(80px - var(--site--header-guideoffset)); } .site--header-next > div > .site-guide-next::before { border-color: transparent transparent #202226; border-color: transparent transparent var(--background) transparent; border-style: solid; border-width: 0 8px 8px; content: ''; height: 0; position: absolute; right: 17px; top: -7px; width: 0; } } .site--header-next > div > .site-guide-next > div { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.2) transparent; height: calc(100vh - 150px); max-height: 900px; height: var(--site--guide-height); max-height: var(--site--guide-maxheight); -webkit-overflow-scrolling: touch; overflow-y: auto; } .gsc-overflow-hidden .site--header-next > div > .site-guide-next > div { overflow: visible; } .site--header-next > div > .site-guide-next > div::-webkit-scrollbar { background: none; height: 3px; width: 3px; } .site--header-next > div > .site-guide-next > div::-webkit-scrollbar-track { background: transparent; } .site--header-next > div > .site-guide-next > div::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); } .site--header-next > div > .site-guide-next > div::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.2); } .site--header-next > div > .site-guide-next > div::-webkit-scrollbar { width: 6px; } @media (min-width: 768px) { .site--header-next > div > .site-guide-next > div { margin-top: 5px; padding: 0 20px; } } .site--header-next > div > .site-guide-next > div .site-portal-tabbar { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767.9px) { .site--header-next > div > .site-guide-next > div .site-portal-tabbar { padding: 0 15px 15px; } } .site--header-next > div > .site-guide-next > div .site-portal-tabbar button { border-top: 2px solid transparent; line-height: normal; padding: 6px 0; } .site--header-next > div > .site-guide-next > div .site-portal-tabbar button:focus { border-color: rgba(255, 255, 255, 0.5); outline: none; } .site--header-next > div > .site-guide-next > div .site-portal-tabbar button::-moz-focus-inner { border: 0; } .site--header-next > div > .site-guide-next > div .site-portal-tabbar button + button { margin-left: 16px; } .site--header-next > div > .site-guide-next > div .site-portal-tabbar .off { border-color: currentColor; } .site--header-next > div > .site-guide-next > div [id='cleverpush-content-button-0'] { margin: 0 auto; } .site--header-next > div > .site-guide-next > div .cleverpush-content-button-box, .site--header-next > div > .site-guide-next > div .cleverpush-topics { border-width: 0; padding: 10px 15px; } @media (min-width: 768px) { .site--header-next > div > .site-guide-next > div .cleverpush-content-button-box, .site--header-next > div > .site-guide-next > div .cleverpush-topics { padding: 10px 0; } } .site--header-next > div > .site-guide-next > div .cleverpush-content-button-icon { top: 5px; } .site--header-next > div > .site-guide-next > div .cleverpush-content-button-title { font-size: 1.125rem; font-weight: 500; } .site--header-next > div > .site-guide-next > div .cleverpush-content-button-text { color: #a4a4a4; } .site--header-next > div > .site-guide-next > div .cleverpush-content-button-branding { text-align: left; } .site--header-next > div > .site-guide-next > div .cleverpush-content-button-save-topics-button.cleverpush-content-button-btn span[style] { color: #fff !important; } .site-guide-next .cleverpush-content-button .cleverpush-content-button-btn[disabled], .site-guide-next .cleverpush-content-button .cleverpush-content-button-btn.cleverpush-content-button-btn-unsubscribe, .site-guide-next .cleverpush-content-button-box .cleverpush-content-button-topics .cleverpush-content-button-btn { background: #ec008c !important; color: #fff !important; } .site--header-next > div > .site-guide-next > div > div { box-sizing: border-box; margin-bottom: 20px; overflow: hidden; } .site--header-next > div > .site-guide-next > div > div h3 { font-size: 1.125rem; font-weight: normal; margin: 0; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 0 15px 15px; } @media (min-width: 768px) { .site--header-next > div > .site-guide-next > div > div h3 { padding: 0 0 20px; } } .site--header-next > div > .site-guide-next > div > div nav { --background-item: rgba(255, 255, 255, 0.04); --background-toggle: rgba(255, 255, 255, 0.08); --padding: 15px; background: rgba(255, 255, 255, 0.04); color: #fff; background: var(--background-item); color: var(--theme-ui-tint-override, var(--theme-background)); margin-bottom: 3px; } .site--header-next > div > .site-guide-next > div > div nav + h3 { margin-top: 1.25rem; } .site--header-next > div > .site-guide-next > div > div nav h1 { font-size: 1.25rem; line-height: 1.5625rem; margin: 0; } .site--header-next > div > .site-guide-next > div > div nav a { color: currentColor; text-decoration: none; } .no-touchevents .site--header-next > div > .site-guide-next > div > div nav a:hover { text-decoration: underline; } .site--header-next > div > .site-guide-next > div > div nav p { margin: 5px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .site--header-next > div > .site-guide-next > div > div nav ul { list-style: none; margin: 0; padding: 0 0 80px; } @media (min-width: 768px) { .site--header-next > div > .site-guide-next > div > div nav ul { padding: 0 20px 80px; } } .site--header-next > div > .site-guide-next > div > div nav ul > li { background: rgba(255, 255, 255, 0.04); background: var(--background-item); color: currentColor; margin-bottom: 5px; } .site--header-next > div > .site-guide-next > div > div nav ul > li > a { display: -webkit-flex; display: -ms-flexbox; display: flex; } .site--header-next > div > .site-guide-next > div > div nav ul > li a { padding: 15px 20px; box-sizing: border-box; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 1.125rem; line-height: 1.5625rem; padding: var(--padding); } .site--header-next > div > .site-guide-next > div > div nav svg { fill: #fff; --tint: var(--theme-ui-tint-override, currentColor); } .site--header-next > div > .site-guide-next > div > div nav .hud-item { display: -webkit-flex; display: -ms-flexbox; display: flex; } .site--header-next > div > .site-guide-next > div > div nav .hud-item > *:first-child { padding: 15px 20px; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; padding: var(--padding); } .site--header-next > div > .site-guide-next > div > div nav .hud-toggle { background: rgba(255, 255, 255, 0.08); -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: var(--background-toggle); border-left: 1px solid var(--theme-ui-tint-override, var(--background-item)); box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 50px; -ms-flex-preferred-size: 50px; flex-basis: 50px; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 50px; } .no-touchevents .site--header-next > div > .site-guide-next > div > div nav .hud-toggle:hover svg { -webkit-transform: translateX(2px); transform: translateX(2px); } .site--header-next > div > .site-guide-next > div > div nav .hud-toggle * { pointer-events: none; } .site--header-next > div > .site-guide-next > div > div nav .hud-toggle svg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 17px; width: 10px; } .site--header-next > div > .site-guide-next > div > div nav .hud-content { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.2) transparent; background: #202226; background: var(--background); box-sizing: border-box; display: none; height: 100%; left: 100vw; max-width: var(--site--guide-maxwidth); -webkit-overflow-scrolling: touch; overflow-y: auto; padding-bottom: 20vh; position: fixed; top: var(--site--header-minheight); width: 100%; z-index: 1; } .site--header-next > div > .site-guide-next > div > div nav .hud-content::-webkit-scrollbar { background: none; height: 3px; width: 3px; } .site--header-next > div > .site-guide-next > div > div nav .hud-content::-webkit-scrollbar-track { background: transparent; } .site--header-next > div > .site-guide-next > div > div nav .hud-content::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); } .site--header-next > div > .site-guide-next > div > div nav .hud-content::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.2); } .site--header-next > div > .site-guide-next > div > div nav .hud-content::-webkit-scrollbar { width: 6px; } @media (min-width: 768px) { .site--header-next > div > .site-guide-next > div > div nav .hud-content { height: calc(100% - 5px); padding-bottom: 0; position: absolute; top: 0; } } .site--header-next > div > .site-guide-next > div > div nav .hud-content.active { display: block; left: 0; } .site--header-next > div > .site-guide-next > div > div nav .hud-content h1:first-child { background: inherit; display: -webkit-flex; display: -ms-flexbox; display: flex; position: -webkit-sticky; position: sticky; top: 0; } .site--header-next > div > .site-guide-next > div > div nav .hud-content h1:first-child a { line-height: 1.25rem; } .site--header-next > div > .site-guide-next > div > div nav .hud-content h1:first-child a:first-child { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 1.25rem; padding: 25px 0; text-align: center; text-indent: -50px; } .site--header-next > div > .site-guide-next > div > div nav .hud-content h1:first-child a:last-child { background: none; border: 0; -webkit-flex-basis: 50px; -ms-flex-preferred-size: 50px; flex-basis: 50px; -webkit-order: -1; -ms-flex-order: -1; order: -1; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 768px) { .site--header-next > div > .site-guide-next > div > div nav > .hud-content { margin-top: 5px; } } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-editorial { --theme-background: var(--theme-ui-tint-override, var(--theme-ui-tint)); background: none; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-editorial > .hud-item > .hud-toggle { background: none; border-left: 0; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-abo { --background-item: rgba(10, 190, 190, 0.05); --background-toggle: rgba(10, 190, 190, 0.1); --theme-background: #0abebe; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-apps { --background-item: rgba(203, 161, 161, 0.05); --background-toggle: rgba(203, 161, 161, 0.1); --theme-background: #cba1a1; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-immobilien { --background-item: rgba(165, 200, 123, 0.05); --background-toggle: rgba(165, 200, 123, 0.1); --theme-background: #a5c87b; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-karriere { --background-item: rgba(32, 175, 206, 0.05); --background-toggle: rgba(32, 175, 206, 0.1); --theme-background: #20afce; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-sales { --background-item: rgba(32, 175, 206, 0.05); --background-toggle: rgba(32, 175, 206, 0.1); --theme-background: #e6d09a; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-sonstiges { --background-item: rgba(230, 208, 154, 0.05); --background-toggle: rgba(230, 208, 154, 0.1); --theme-background: #e6d09a; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-userprofile, .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-inbox, .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-settings, .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-company, .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social, .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-appsettings { --background-item: rgba(208, 218, 224, 0.05); --background-toggle: rgba(208, 218, 224, 0.1); --theme-background: var(--theme-ui-tint); } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-userprofile h1, .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-inbox h1, .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-settings h1, .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-company h1, .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social h1, .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-appsettings h1 { font-size: 1.125rem; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social { --background-item: transparent; margin-bottom: 80px; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social h3 { padding-bottom: 0; padding-top: 20px; text-align: center; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social li { background-color: transparent; margin: 0 10px 10px 0; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social li:nth-last-of-type(4):not(:first-of-type) { display: none; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social li a[title='Instagram'] { background-color: #cc3683; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social li a[title='Whatsapp'] { background-color: #25d366; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social li a[title='Twitter'] { background-color: #1da1f2; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social li a[title='Facebook'] { background-color: #3b579d; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social li a[title='RSS-Feeds'] { background-color: #f36f24; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social a { border-radius: 100%; display: block; font-size: 0; line-height: 0; padding: 10px; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social a svg { --tint: #fff; height: 30px; pointer-events: none; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; width: 30px; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social a:hover svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .site--header-next > div > .site-guide-next > div > div nav.site--portal--nav-social span { display: none; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search { box-sizing: border-box; min-height: 60px; padding: 10px 0 10px 15px; position: relative; } @media (min-width: 768px) { .site--header-next > div > .site-guide-next > div > div > div.site--portal--search { display: none; } } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search > form { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search > form > div { display: -webkit-flex; display: -ms-flexbox; display: flex; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search > form > div input { color: #fff; -webkit-appearance: none; background: rgba(255, 255, 255, 0.05); border-radius: 5px; border-width: 0; color: var(--theme-ui-tint); -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 1.125rem; line-height: 50px; min-height: 50px; padding: 0 5px 0 20px; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search > form > div input:focus { outline: none; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search > form > div input::-webkit-search-cancel-button { -webkit-appearance: none; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEyLjcgNC4zbC0uOS0uOUw4IDcuMSA0LjMgMy4zbC0xIDFMNy4xIDhsLTMuNyAzLjcuOS45TDggOC45bDMuNyAzLjcuOS0uOUw4LjkgOGwzLjgtMy43eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0wIDBoMTZ2MTZIMFYweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg=="); cursor: pointer; height: 20px; width: 20px; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search > form > div button { min-width: 50px; opacity: 0.8; padding: 14px; position: relative; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search > form > div button span { display: none; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search > form > div button::before { position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIyLjIgMjcuMjRhNC43OSA0Ljc5IDAgMCAwIDMuNTYtMS40OCA1LjAxIDUuMDEgMCAwIDAgMS40OC0zLjU4IDQuNjUgNC42NSAwIDAgMC0xLjQ4LTMuNTUgNS4wNSA1LjA1IDAgMCAwLTMuNTUtMS40OCA0Ljg1IDQuODUgMCAwIDAtMy41OCAxLjQ4IDQuNjMgNC42MyAwIDAgMC0xLjQ4IDMuNTUgNS4zIDUuMyAwIDAgMCAxLjQ4IDMuNTggNC41MiA0LjUyIDAgMCAwIDMuNTggMS40OHptNy41Ny4zNkwzNiAzMy44MyAzMy44NyAzNmwtNi4yMy02LjI2di0xLjE4bC0uMTUtLjE3YTcuOCA3LjggMCAwIDEtNS4yOCAxLjk0IDcuOTggNy45OCAwIDAgMS01LjgzLTIuMzYgNy44MyA3LjgzIDAgMCAxLTIuMzgtNS44IDcuODMgNy44MyAwIDAgMSAyLjM4LTUuNzlBOC4wOCA4LjA4IDAgMCAxIDIyLjIxIDE0YTcuNTggNy41OCAwIDAgMSA1Ljc2IDIuMzggOC4xNiA4LjE2IDAgMCAxIDIuMzUgNS44IDcuODUgNy44NSAwIDAgMS0xLjkzIDUuM2wuMTcuMTZ6Ij48L3BhdGg+PC9zdmc+"); height: 50px; width: 50px; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search > form > div button:hover { background: none; opacity: 1; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search > form > div button:focus { background: rgba(255, 255, 255, 0.1); outline: none; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] .gsc-control-cse { background-color: transparent; border-color: transparent; border-width: 0; padding: 0; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] .gsc-search-box { margin-bottom: 0; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] td.gsc-input { border-bottom: 1px solid var(--theme-ui-tint-override); padding: 0; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] td.gsc-input .gsc-input-box { background-color: rgba(255, 255, 255, 0.05) !important; border-color: transparent !important; border-radius: 5px; border-width: 0 !important; color: var(--site--header-tint) !important; padding: 0; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] td.gsc-input .gsc-input-box td { padding-bottom: 0; padding-top: 0; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] td.gsc-input .gsc-input-box .gsib_a { padding: 0 5px 0 20px; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] td.gsc-input .gsc-input-box .gsst_a { color: currentColor; opacity: 0.5; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] td.gsc-input .gsc-input-box .gsst_a .gscb_a { color: currentColor; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] td.gsc-input [name='search'] { background-color: transparent !important; border-color: transparent !important; border-width: 0 !important; color: currentColor !important; font-family: "STMatilda Info Variable", system-ui, sans-serif; font-size: 1.125rem; line-height: 50px; min-height: 50px; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] td.gsc-search-button .gsc-search-button { opacity: 0.8; padding: 14px; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] td.gsc-search-button .gsc-search-button:hover { background: none; opacity: 1; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] td.gsc-search-button .gsc-search-button:focus { background: rgba(255, 255, 255, 0.1); outline: none; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] td.gsc-search-button .gsc-search-button svg { fill: var(--theme-ui-tint); height: 22px; pointer-events: none; width: 22px; } .site--header-next > div > .site-guide-next > div > div > div.site--portal--search [id^='___gcse'] .gsc-modal-background-image { background: #202226; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks { background: transparent; margin-bottom: 0; padding: 0 !important; background: rgba(0, 0, 0, 0.05); padding-left: var(--site--core-margin-left); padding-right: var(--site--core-margin-right); } @media (min-width: 768px) and (max-width: 959.9px) { .site-statusbar + .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks { margin-bottom: calc(var(--row-gap) * -1); } } @media print { .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks { display: none; } } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks ul { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; list-style-type: none; margin: 0; padding: 10px 0; width: 100%; } @media (max-width: 359.9px) { .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks ul { padding: 10px 5px; } } @media (max-width: 654.9px) { .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks ul { padding: 10px 15px; } } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks li { -webkit-flex-basis: 33.333%; -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks li:not(:first-of-type) { margin-left: 5px; } @media (max-width: 359.9px) { .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks li:not(:first-of-type) { margin-left: 2px; } } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks li:not(:last-of-type) { margin-right: 5px; } @media (max-width: 359.9px) { .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks li:not(:last-of-type) { margin-right: 2px; } } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks a { border-radius: 4px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); color: var(--theme-header-backgroundfixed, var(--theme-header-background, #fff)); display: block; font: 700 0.875rem/2.1875rem "STMatilda Info Variable", system-ui, sans-serif; padding: 0 5px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks a[title='Abo'] { background-color: var(--theme-header-primarytint, #008d8d); } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks a[title='Immosuche'] { background-color: var(--theme-header-primarytint, #94ba65); } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks a[title='Jobsuche'] { background-color: var(--theme-header-primarytint, #ed827a); } @media all and (min-width: 1024px) { .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks { display: none; } } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks ul { padding: 10px 15px !important; } @media (min-width: 768px) { .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks ul { padding: 15px 0 0 !important; } } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks a { color: #fff !important; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks a[title='Abo'] { background-color: #008d8d !important; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks a[title='Immosuche'] { background-color: #94ba65 !important; } .site--header-next > div > .site-guide-next > div > div nav.site--portal--quicklinks a[title='Jobsuche'] { background-color: #ed827a !important; } .site--header-next > div > .site-guide-next[data-closable-active='true'] > div > div:nth-child(2) nav:first-of-type > .hud-item .hud-toggle svg { -webkit-animation: 1.5s cubic-bezier(0.28, 0.84, 0.42, 1) 1s animation-bounceright; animation: 1.5s cubic-bezier(0.28, 0.84, 0.42, 1) 1s animation-bounceright; } .site--header-next > .site-guide-next { --site--header-minheight: 50px; --theme-header-primarytint: #fff; --theme-header-background: #202226; --theme-header-backgroundfixed: #202226; background-color: #202226; box-sizing: border-box; display: none; height: 100vh; height: calc((var(--js-vh, 1vh) * 100)); margin: auto; max-width: 100vw; overflow: auto; -webkit-overflow-scrolling: touch; padding-top: var(--site--header-minheight); position: fixed; top: 0; width: 100%; z-index: 19; } .site--header-next > .site-guide-next[data-closable-active='true'] { display: block; } .site--header-next > .site-guide-next[data-closable-active='true'] > div > div:first-child nav > .hud-item .hud-toggle svg { -webkit-animation: 1.5s cubic-bezier(0.28, 0.84, 0.42, 1) 1s animation-bounceright; animation: 1.5s cubic-bezier(0.28, 0.84, 0.42, 1) 1s animation-bounceright; } .site--header-next > .site-guide-next > header { --theme-header-primarytint: #fff; --theme-header-background: #202226; --theme-header-backgroundfixed: #202226; } .site--header-next > .site-guide-next > header .site-search-toggle { height: 50px; width: 50px; } @media (min-width: 768px) { .site--header-next > .site-guide-next > header .site-search-toggle { -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media (min-width: 960px) { .site--header-next > .site-guide-next > header .site-search-toggle { display: none; } } .site--header-next > .site-guide-next > header .site-search-toggle .search-icon-path { display: block; } .site--header-next > .site-guide-next > header .site-search-toggle .close-icon-path { display: none; } .site--header-next > .site-guide-next > header .site-search[data-closable-active='true'] + .site-search-toggle .search-icon-path { display: none; } .site--header-next > .site-guide-next > header .site-search[data-closable-active='true'] + .site-search-toggle .close-icon-path { display: block; } .site--header-next > .site-guide-next > div { background-color: inherit; margin: var(--site--header-margin); margin-top: var(--grid-gap); max-width: var(--site--header-maxwidth); } @media (max-width: 767.9px) { .site--header-next > .site-guide-next > div { padding-bottom: 20vh; } } @media (min-width: 768px) { .site--header-next > .site-guide-next > div { margin-top: var(--grid-gap); } } .site--header-next > .site-guide-next > div > div { box-sizing: border-box; overflow: hidden; } .site--header-next > .site-guide-next > div > div nav { --background: rgba(255, 255, 255, 0.04); --background-toggle: rgba(255, 255, 255, 0.08); --padding: 15px 20px; background: var(--background); color: var(--theme-background); margin-bottom: 5px; } .site--header-next > .site-guide-next > div > div nav ad-container { display: none; } .site--header-next > .site-guide-next > div > div nav h1 { font-size: 1.25rem; line-height: 1.5625rem; margin: 0; } .site--header-next > .site-guide-next > div > div nav a { color: var(--theme-background); text-decoration: none; } .site--header-next > .site-guide-next > div > div nav p { margin: 5px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .site--header-next > .site-guide-next > div > div nav ul { list-style: none; margin: 0; padding: 0; } .site--header-next > .site-guide-next > div > div nav ul > li { background: var(--background); color: var(--theme-background); margin-bottom: 5px; } .site--header-next > .site-guide-next > div > div nav ul > li > a { display: -webkit-flex; display: -ms-flexbox; display: flex; } .site--header-next > .site-guide-next > div > div nav ul > li a { box-sizing: border-box; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 1.125rem; line-height: 1.5625rem; padding: var(--padding); } .site--header-next > .site-guide-next > div > div nav svg { --tint: var(--theme-background, #fff); } .site--header-next > .site-guide-next > div > div nav .hud-item { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media all and (max-width: 1279px) { .site--header-next > .site-guide-next > div > div nav .hud-item > *:first-child { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; padding: var(--padding); } } .site--header-next > .site-guide-next > div > div nav .hud-toggle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: var(--background-toggle); border-left: 1px solid var(--background); box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 50px; -ms-flex-preferred-size: 50px; flex-basis: 50px; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 50px; } .site--header-next > .site-guide-next > div > div nav .hud-toggle svg { height: 17px; pointer-events: none; width: 10px; } .site--header-next > .site-guide-next > div > div nav .hud-content { display: none; } @media (max-width: 767.9px) { .site--header-next > .site-guide-next > div > div nav .hud-content { padding-bottom: 20vh; } } @media all and (max-width: 1279.9px) { .site--header-next > .site-guide-next > div > div nav .hud-content { background: #202226; box-sizing: border-box; left: 100vw; max-height: calc(100vh - var(--site--header-minheight)); min-height: calc(100vh - var(--site--header-minheight)); overflow-y: auto; position: fixed; top: var(--site--header-minheight); transition: left 0.2s; transition-timing-function: ease-in-out; width: 100%; z-index: 1; } } .site--header-next > .site-guide-next > div > div nav .hud-content.active { display: block; left: 0; } .site--header-next > .site-guide-next > div > div nav .hud-content h1:first-child { display: -webkit-flex; display: -ms-flexbox; display: flex; } .site--header-next > .site-guide-next > div > div nav .hud-content h1:first-child a { line-height: 1.25rem; } .site--header-next > .site-guide-next > div > div nav .hud-content h1:first-child a:first-child { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 1.25rem; padding: 25px 0; text-align: center; text-indent: -50px; } .site--header-next > .site-guide-next > div > div nav .hud-content h1:first-child a:last-child { background: none; border: 0; -webkit-flex-basis: 50px; -ms-flex-preferred-size: 50px; flex-basis: 50px; -webkit-order: -1; -ms-flex-order: -1; order: -1; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-editorial { --background: rgba(200, 200, 200, 0.05); --background-toggle: rgba(200, 200, 200, 0.1); --theme-background: #c8c8c8; } @media all and (min-width: 1280px) { .site--header-next > .site-guide-next > div > div nav.site--portal--nav-editorial > .hud-item { display: none; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-editorial > .hud-content { margin-top: 0; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-editorial > .hud-content .hud-item a { font-size: 1.5625rem; line-height: 3.125rem; } } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-abo { --background: rgba(10, 190, 190, 0.05); --background-toggle: rgba(10, 190, 190, 0.1); --theme-background: #0abebe; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-apps { --background: rgba(203, 161, 161, 0.05); --background-toggle: rgba(203, 161, 161, 0.1); --theme-background: #cba1a1; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-immobilien { --background: rgba(165, 200, 123, 0.05); --background-toggle: rgba(165, 200, 123, 0.1); --theme-background: #a5c87b; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-karriere { --background: rgba(32, 175, 206, 0.05); --background-toggle: rgba(32, 175, 206, 0.1); --theme-background: #20afce; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-sonstiges { --background: rgba(230, 208, 154, 0.05); --background-toggle: rgba(230, 208, 154, 0.1); --theme-background: #e6d09a; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-userprofile, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-settings, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-company, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-appsettings { --background: rgba(208, 218, 224, 0.05); --background-toggle: rgba(208, 218, 224, 0.1); --theme-background: #d0dae0; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-userprofile h1, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-settings h1, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-company h1, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social h1, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-appsettings h1 { font-size: 1.125rem; } @media (min-width: 1280px) { .site--header-next > .site-guide-next > div > div nav.site--portal--nav-userprofile, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-settings, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-company, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-appsettings { margin-bottom: 0; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-userprofile:not(:last-of-type), .site--header-next > .site-guide-next > div > div nav.site--portal--nav-settings:not(:last-of-type), .site--header-next > .site-guide-next > div > div nav.site--portal--nav-company:not(:last-of-type), .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social:not(:last-of-type), .site--header-next > .site-guide-next > div > div nav.site--portal--nav-appsettings:not(:last-of-type) { padding-bottom: 0; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-userprofile h1, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-settings h1, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-company h1, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social h1, .site--header-next > .site-guide-next > div > div nav.site--portal--nav-appsettings h1 { font-size: 1.25rem; } } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social { padding-top: 10px; } @media all and (max-width: 1279.9px) { .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social { --background: transparent; padding-top: 50px; } } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social > div { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social h1 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social li { background-color: transparent; margin: 0 10px 10px 0; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social li:nth-child(1) a { background-color: #cc3683; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social li:nth-child(2) a { background-color: #25d366; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social li:nth-child(3) a { background-color: #1da1f2; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social li:nth-child(4) a { background-color: #3b579d; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social li:nth-child(5) a { background-color: #f36f24; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social a { border-radius: 100%; display: block; font-size: 0; line-height: 0; padding: 10px; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social a svg { height: 30px; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; width: 30px; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social a:hover svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social span { display: none; } @media (max-width: 654.9px) { .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social h1 { display: none; } .site--header-next > .site-guide-next > div > div nav.site--portal--nav-social ul { margin: 0 auto; } } .site--header-next > .site-guide-next .site-search { display: none; /* Google custom search*/ } .site--header-next > .site-guide-next .site-search[data-closable-active='false'] { display: none; } .site--header-next > .site-guide-next .site-search[data-closable-active='true'] { background-color: var(--theme-header-background); display: -webkit-flex; display: -ms-flexbox; display: flex; left: 50px; position: absolute; right: 50px; top: 0; } @media (min-width: 768px) { .site--header-next > .site-guide-next .site-search[data-closable-active='true'] { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100px; } } @media (min-width: 960px) { .site--header-next > .site-guide-next .site-search { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100px; max-width: 350px; padding: 0 20px; position: relative; } } .site--header-next > .site-guide-next .site-search [id^='___gcse'] { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; /* stylelint-disable */ /* stylelint-enable */ } .site--header-next > .site-guide-next .site-search [id^='___gcse'] .gsc-control-cse { background-color: transparent; border-color: transparent; border-width: 0; padding: 0; } .site--header-next > .site-guide-next .site-search [id^='___gcse'] .gsc-search-box { margin-bottom: 0; } .site--header-next > .site-guide-next .site-search [id^='___gcse'] td.gsc-input { padding: 5px 0; } .site--header-next > .site-guide-next .site-search [id^='___gcse'] td.gsc-input .gsc-input-box { background-color: rgba(255, 255, 255, 0.05) !important; border-color: transparent !important; border-radius: 5px; border-width: 0 !important; color: var(--site--header-tint) !important; padding: 0; } .site--header-next > .site-guide-next .site-search [id^='___gcse'] td.gsc-input .gsc-input-box td { padding-bottom: 0; padding-top: 0; } .site--header-next > .site-guide-next .site-search [id^='___gcse'] td.gsc-input [name='search'] { background-color: transparent !important; border-color: transparent !important; border-width: 0 !important; color: var(--site--header-tint) !important; font-size: 1.125rem; line-height: 40px; } .site--header-next > .site-guide-next .site-search [id^='___gcse'] td.gsc-search-button .gsc-search-button { padding: 14px; } .site--header-next > .site-guide-next .site-search [id^='___gcse'] td.gsc-search-button .gsc-search-button svg { height: 22px; pointer-events: none; width: 22px; } .site--header-next > .site-guide-next .site-search [id^='___gcse'] .gscb_a, .site--header-next > .site-guide-next .site-search [id^='___gcse'] .gscb_a:hover { color: var(--theme-header-primarytint) !important; } @media (min-width: 768px) { .site--header-next > .site-guide-next { --site--header-minheight: 100px; } } @media (min-width: 1280px) { .site--header-next > .site-guide-next { --site--header-minheight: 150px; } .site--header-next > .site-guide-next > div { box-sizing: border-box; display: grid; grid-gap: var(--default--grid-gap, var(--grid-gap)); grid-template-columns: var(--default--grid-template-columns); max-height: none; overflow: visible; } } @media all and (min-width: 1280px) and (min-width: 960px) { .site--header-next > .site-guide-next > div { --default--grid-template-columns: repeat(12, 1fr); } } @media (min-width: 1280px) { .site--header-next > .site-guide-next > div > div { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column: auto / span 3; } .site--header-next > .site-guide-next > div > div nav { --padding: calc(100vw / 40) calc(100vw / 30); padding: var(--padding); } } @media all and (min-width: 1280px) and (min-width: 1920px) { .site--header-next > .site-guide-next > div > div nav { --padding: calc((var(--grid-column) + var(--grid-gap)) * 1.5) calc((var(--grid-column) + var(--grid-gap)) * 2); } } @media (min-width: 1280px) { .site--header-next > .site-guide-next > div > div nav:last-child { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 0; } .site--header-next > .site-guide-next > div > div nav:first-child:last-child { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .site--header-next > .site-guide-next > div > div nav > *:first-child { margin-top: 0; } .site--header-next > .site-guide-next > div > div nav > *:last-child { margin-bottom: 0; } .site--header-next > .site-guide-next > div > div nav ad-container { background: rgba(255, 0, 0, 0.17); display: block; height: 250px; margin-top: 35px; max-width: 300px; } .site--header-next > .site-guide-next > div > div nav h1 { font-size: 1.5625rem; line-height: 50px; } .site--header-next > .site-guide-next > div > div nav p { display: none; } .site--header-next > .site-guide-next > div > div nav ul > li { background: unset; margin-bottom: unset; } .site--header-next > .site-guide-next > div > div nav ul > li a { font-size: 1.125rem; line-height: 2.5rem; padding: unset; } .site--header-next > .site-guide-next > div > div nav .hud-item > a:first-child { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .site--header-next > .site-guide-next > div > div nav .hud-item .hud-toggle { display: none; } .site--header-next > .site-guide-next > div > div nav .hud-item + .hud-content .hud-toggle { display: -webkit-flex; display: -ms-flexbox; display: flex; } .site--header-next > .site-guide-next > div > div nav .hud-toggle { background: none; border-radius: 100%; -webkit-transform: translateX(17px) rotate(90deg); transform: translateX(17px) rotate(90deg); } .site--header-next > .site-guide-next > div > div nav .hud-toggle:hover { background: rgba(255, 255, 255, 0.05); } .site--header-next > .site-guide-next > div > div nav .hud-toggle.active { background: rgba(255, 255, 255, 0.05); -webkit-transform: translateX(17px) rotate(-90deg); transform: translateX(17px) rotate(-90deg); } .site--header-next > .site-guide-next > div > div nav .hud-content { display: block; } .site--header-next > .site-guide-next > div > div nav .hud-content.active { display: block; left: 0; } .site--header-next > .site-guide-next > div > div nav .hud-content .hud-content { display: none; margin: var(--grid-column) 0; overflow: hidden; padding-left: 30px; position: relative; } .site--header-next > .site-guide-next > div > div nav .hud-content .hud-content.active { display: block; } .site--header-next > .site-guide-next > div > div nav .hud-content .hud-content::before { background: var(--theme-background); content: ''; height: 100%; left: 0; opacity: 0.2; position: absolute; width: 1px; } .site--header-next > .site-guide-next > div > div nav .hud-content h1:first-child { display: none; } .site--header-next > .site-guide-next nav.app > ul > li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1); } .site--header-next > .site-guide-next nav.app > ul > li::before { display: none; } .site--header-next > .site-guide-next nav.app > ul > li a { cursor: pointer; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .site--header-next > .site-guide-next { color: #fff; left: 0; max-height: calc(80vh - 150px); max-width: 600px; padding: 20px; position: absolute; top: 50px; } } @media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) { .site--header-next > .site-guide-next { top: 100px; } } @media all and (-ms-high-contrast: none) and (min-width: 1280px), (-ms-high-contrast: active) and (min-width: 1280px) { .site--header-next > .site-guide-next { top: 150px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .site--header-next > .site-guide-next a { color: inherit; } .site--header-next > .site-guide-next a:hover { text-decoration: underline; } .site--header-next > .site-guide-next svg { fill: #fff; } .site--header-next > .site-guide-next > header { display: none; } .site--header-next > .site-guide-next > div > div nav .hud-item a:first-child { padding: 7px; } } @media all and (-ms-high-contrast: none) and (max-width: 1279.9px), all and (-ms-high-contrast: active) and (max-width: 1279.9px) { .site--header-next > .site-guide-next > div > div nav .hud-content { height: 100%; position: absolute; top: 0; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .site--header-next > .site-guide-next > div > div nav .hud-content ul { padding: 20px; } .site--header-next > .site-guide-next .site--portal--nav-social ul { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } body.scroll-lock { overflow-y: hidden; } .site-footer * { color: currentColor; } .site-footer > div { margin-left: 15px; margin-right: 15px; max-width: 1875px; margin-bottom: 0; margin-left: var(--site--core-margin-left); margin-right: var(--site--core-margin-right); margin-top: 0; max-width: var(--site--core-maxwidth); min-width: var(--site--core-minwidth); box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; font-size: 0.8125rem; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; line-height: 1.125rem; opacity: 0.6; padding: 35px 0; } @media all and (-ms-high-contrast: none) and (min-width: 655px), all and (-ms-high-contrast: active) and (min-width: 655px) { .site-footer > div { margin-left: 25px; margin-right: 25px; } } @media all and (-ms-high-contrast: none) and (min-width: 1600px), all and (-ms-high-contrast: active) and (min-width: 1600px) { .site-footer > div { margin-left: 90px; } } @media all and (-ms-high-contrast: none) and (min-width: 2100px), all and (-ms-high-contrast: active) and (min-width: 2100px) { .site-footer > div { margin-left: auto; margin-right: auto; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .site-footer > div > * { max-width: 1875px !important; } } @media all and (-ms-high-contrast: none) and (min-width: 1280px), all and (-ms-high-contrast: active) and (min-width: 1280px) { .site-footer > div > * { max-width: 1245px !important; width: calc(100% - 320px) !important; } } @supports not (display: grid) { .site-footer > div > * { max-width: 100%; } @media (min-width: 1280px) { .site-footer > div > * { max-width: calc(100% - 315px); } } @media (min-width: 1690px) { .site-footer > div > * { max-width: 1245px; } .site-footer > div > *.grid { max-width: 1260px; } } } @media (max-width: 767.9px) { .site-footer > div { padding: var(--grid-column) var(--site--core-padding); } } @media (min-width: 768px) { .site-footer > div { padding: var(--grid-column) 0; } } .site-footer .site-footer-legalline { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .site-footer .site-footer-legalline { max-width: none !important; } } .site-footer .site-footer-legalline h2 { font-size: 0.9375rem; font-weight: 700; } .site-footer .site-footer-network-nav, .site-footer .site-footer-legal-nav { box-sizing: border-box; } .site-footer .site-footer-network-nav h3, .site-footer .site-footer-legal-nav h3 { display: none; } .site-footer .site-footer-network-nav ul, .site-footer .site-footer-legal-nav ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; } .site-footer .site-footer-network-nav a, .site-footer .site-footer-legal-nav a { text-decoration: none; } .site-footer .site-footer-network-nav a:hover, .site-footer .site-footer-legal-nav a:hover { border-bottom: 1px solid currentColor; } @media print { .site-footer .site-footer-network-nav, .site-footer .site-footer-legal-nav { display: none; } } .site-footer .site-footer-network-nav { -webkit-flex-basis: 228px; -ms-flex-preferred-size: 228px; flex-basis: 228px; -webkit-flex-basis: calc((var(--grid-block-width) * 3) + (var(--grid-gap) * 2)); -ms-flex-preferred-size: calc((var(--grid-block-width) * 3) + (var(--grid-gap) * 2)); flex-basis: calc((var(--grid-block-width) * 3) + (var(--grid-gap) * 2)); } .site-footer .site-footer-network-nav li:not(:last-child) { margin-right: 0.625rem; } .site-footer .site-footer-legal-nav li:not(:last-child)::after { content: '/'; margin: 0 10px; } .site-sitebar { display: none; } :root { --js-active-sitebar: false; } @media (min-width: 1280px) { .site-sitebar { display: block; grid-column: sitebar; grid-row: 1 / -1; margin: var(--site--sitebar-margin); min-width: 300px; position: relative; z-index: 10; } :root { --js-active-sitebar: true; } .site-sitebar > ad-container { height: var(--adcontainer-height); left: 0; line-height: 0; min-height: 0; position: absolute; right: 0; top: var(--adcontainer-top); } .site-sitebar > ad-container > ad-slot { display: block; height: calc(100vh - var(--site--header-minheight, var(--site--fixed-header-height)) - (var(--grid-gap) * 2)); max-height: 1200px; position: -webkit-sticky; position: sticky; top: calc(var(--site--header-minheight, var(--site--fixed-header-height)) + 50px); } .site-sitebar > ad-container > ad-slot > * { height: auto; max-height: 100%; max-width: 100%; position: absolute; top: 0; width: auto; } } ad-container { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 0; overflow: hidden; position: relative; } ad-container > * { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: auto; overflow: hidden; position: absolute; } ad-container > * > * > * { border: 0; margin: 0 auto; overflow: hidden; } ad-container[data-ad-active='false'] { display: none !important; } ad-container[data-ad-active='false'].temp-visible { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; opacity: 0; } ad-container[data-ad-active-format^='mobil_'] { margin: var(--grid-gap) 0; } ad-container.ad-empty, ad-container.ad-hidden { display: none !important; } ad-container.ad-container-used { height: auto; } ad-container.ad-container-used > * { position: relative; } ad-container[data-ad-provider] > *:not(.ad-understitial-close)::after { color: var(--theme-primarytint, rgba(112, 112, 112, 0.5)); display: block; font-size: 7px; line-height: 15px; min-width: 15px; opacity: 0.5; -webkit-order: -1; -ms-flex-order: -1; order: -1; pointer-events: none; position: absolute; right: 3px; text-align: center; top: 0; z-index: 1; } ad-container[data-ad-provider*='googlead'] > *:not(.ad-understitial-close)::after { content: "11"; } ad-container[data-ad-provider*='googlereach'] > *:not(.ad-understitial-close)::after { content: "16"; } ad-container[data-ad-provider*='guj'] > *:not(.ad-understitial-close)::after { content: "23"; } ad-container[data-ad-provider*='improvedigital'] > *:not(.ad-understitial-close)::after { content: "31"; } ad-container[data-ad-provider*='rubicon'] > *:not(.ad-understitial-close)::after { content: "39"; } ad-container[data-ad-provider*='yieldlab'] > *:not(.ad-understitial-close)::after { content: "46"; } ad-container[data-ad-provider*='yieldlove'] > *:not(.ad-understitial-close)::after { content: "53"; } ad-container[data-ad-provider*='groupm'] > *:not(.ad-understitial-close)::after { content: "64"; } ad-container[data-ad-provider*='criteo'] > *:not(.ad-understitial-close)::after { content: "79"; } ad-container[data-ad-provider*='teads'] > *:not(.ad-understitial-close)::after { content: "86"; } ad-container[data-ad-provider*='openx'] > *:not(.ad-understitial-close)::after { content: "91"; } ad-container[data-ad-provider*='pubmatic'] > *:not(.ad-understitial-close)::after { content: "98"; } @media print { ad-container { display: none !important; } } /* stylelint-disable selector-no-qualifying-type */ ad-container[data-ad-active-format*='billboard'] > * { min-height: 90px; min-width: 728px; } ad-container[data-ad-active-format*='billboard'] > * > * { max-height: 250px; max-width: 970px; min-height: 90px; min-width: 728px; } ad-container[data-ad-active-format*='billboard'] > *::before { max-width: 970px; } ad-container[data-ad-active-format*='billboard'] > *::before { content: none; } ad-container[data-ad-active-format*='billboard'] > ad-slot { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } ad-container[data-ad-active-format*='billboard'] > * > * { margin: 0 auto; } ad-container[data-ad-active-format*='billboard'][data-ad-provider] > *:not(.ad-understitial-close)::after { background: var(--theme-background); bottom: 0; left: 0; opacity: 0.7; right: unset; top: unset; } @media (min-width: 1280px) { ad-container[data-ad-active-format*='billboard'].ad-lad { margin-right: calc(var(--grid-gap) * -2); max-width: unset !important; } ad-container[data-ad-active-format*='billboard'].ad-lad > ad-slot { margin-left: auto; } ad-container[data-ad-active-format*='billboard'].ad-lad > * > * { margin-right: 0; } } @media (min-width: 960px) { ad-container[data-ad-active-format*='billboard'] { display: block; grid-column: content / span 12; margin-left: calc(var(--site--core-margin-left) * -1); margin-right: calc(var(--site--core-margin-right) * -1); max-width: unset !important; } } @media (min-width: 1280px) { ad-container[data-ad-active-format*='billboard'] { margin-right: 0; } } @media all and (min-width: 1330px) { ad-container[data-ad-active-format*='billboard'] { margin-left: 0; } } ad-container[data-ad-active-format*='billboard'] > ad-slot { margin: 0; padding: 0; } ad-container[data-ad-active-format*='billboard'].ad-lad-wide > * { min-height: 250px; min-width: 1275px; } ad-container[data-ad-active-format*='billboard'].ad-lad-wide > * > * { max-height: 250px; max-width: 1275px; min-height: 250px; min-width: 1275px; } ad-container[data-ad-active-format*='billboard'].ad-lad-wide > *::before { max-width: 1275px; } ad-container[data-ad-active-format*='billboard'].ad-lad-wide > *::before { content: none; } @media (min-width: 1280px) { ad-container[data-ad-active-format*='billboard'].ad-lad-wide { margin-right: calc(var(--grid-gap) * -2); } } @media (min-width: 960px) { ad-container[data-ad-active-format*='billboard'].ad-lad-wide.ad-responsive > ad-slot { min-width: 100% !important; } ad-container[data-ad-active-format*='billboard'].ad-lad-wide.ad-responsive > ad-slot div, ad-container[data-ad-active-format*='billboard'].ad-lad-wide.ad-responsive > ad-slot div iframe { min-width: 100% !important; width: 100% !important; } } @media (min-width: 960px) { ad-container[data-ad-active-format='billboard'].temp-visible { grid-column: content / span 12; } } ad-container[data-ad-active-format*='forum_skyscraper'] > *, ad-container[data-ad-active-format*='forum_contentad'] > * { min-height: 600px; min-width: 160px; } ad-container[data-ad-active-format*='forum_skyscraper'] > * > *, ad-container[data-ad-active-format*='forum_contentad'] > * > * { max-height: 600px; max-width: 300px; min-height: 600px; min-width: 160px; } ad-container[data-ad-active-format*='forum_skyscraper'] > *::before, ad-container[data-ad-active-format*='forum_contentad'] > *::before { max-width: 300px; } ad-container[data-ad-active-format*='forum_skyscraper'].ad-container-used > *:not(.ad-understitial-close)::before, ad-container[data-ad-active-format*='forum_contentad'].ad-container-used > *:not(.ad-understitial-close)::before { background-color: rgba(0, 0, 0, 0.03); color: rgba(112, 112, 112, 0.7); content: 'WERBUNG'; display: block; font-family: STMatilda Info Variable, system-ui, sans-serif; font-size: 9px; letter-spacing: 0.3px; line-height: 15px; margin: 0 auto; -webkit-order: -1; -ms-flex-order: -1; order: -1; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } ad-container[data-ad-active-format*='forum_contentad'].ad-skyscraper { max-width: 160px; } ad-container[data-ad-active-format*='forum_contentad'].ad-skyscraper > * { min-height: 600px; min-width: 160px; } ad-container[data-ad-active-format*='forum_contentad'].ad-skyscraper > * > * { max-height: 600px; max-width: 160px; min-height: 600px; min-width: 160px; } ad-container[data-ad-active-format*='forum_contentad'].ad-skyscraper > *::before { max-width: 160px; } ad-container[data-ad-active-format*='forum_contentad'].ad-skyscraper.ad-container-used > *:not(.ad-understitial-close)::before { background-color: rgba(0, 0, 0, 0.03); color: rgba(112, 112, 112, 0.7); content: 'WERBUNG'; display: block; font-family: STMatilda Info Variable, system-ui, sans-serif; font-size: 9px; letter-spacing: 0.3px; line-height: 15px; margin: 0 auto; -webkit-order: -1; -ms-flex-order: -1; order: -1; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } ad-container[data-ad-active-format*='forum_skyscraper'], ad-container[data-ad-active-format*='forum_contentad'] { grid-column: ad-start / ad-end; grid-row: 1 / span 2; overflow: visible; } ad-container[data-ad-active-format*='forum_skyscraper'] > ad-slot, ad-container[data-ad-active-format*='forum_contentad'] > ad-slot { position: -webkit-sticky; position: sticky; top: calc(var(--site--header-minheight, var(--site--fixed-header-height)) + 50px); } .forum-toggle-container ~ ad-container[data-ad-active-format*='forum_skyscraper'], .forum-toggle-container ~ ad-container[data-ad-active-format*='forum_contentad'] { grid-row: 1 / span 3; } .forum-toggle-container ~ ad-container[data-ad-active-format*='forum_skyscraper'] > ad-slot, .forum-toggle-container ~ ad-container[data-ad-active-format*='forum_contentad'] > ad-slot { margin-top: 0; } ad-container[data-ad-placement-type*='forum_contentad'].temp-visible, ad-container[data-ad-placement-type*='forum_skyscraper'].temp-visible { display: block !important; } ad-container[data-ad-active-format='forum_skyscraper'] { display: none; max-width: 160px; } ad-container[data-ad-active-format='forum_skyscraper'] > * { min-height: 600px; min-width: 160px; } ad-container[data-ad-active-format='forum_skyscraper'] > * > * { max-height: 600px; max-width: 160px; min-height: 600px; min-width: 160px; } ad-container[data-ad-active-format='forum_skyscraper'] > *::before { max-width: 160px; } ad-container[data-ad-active-format='forum_skyscraper'].ad-container-used > *:not(.ad-understitial-close)::before { background-color: rgba(0, 0, 0, 0.03); color: rgba(112, 112, 112, 0.7); content: 'WERBUNG'; display: block; font-family: STMatilda Info Variable, system-ui, sans-serif; font-size: 9px; letter-spacing: 0.3px; line-height: 15px; margin: 0 auto; -webkit-order: -1; -ms-flex-order: -1; order: -1; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } @media (max-width: 1689.9px) { ad-container[data-ad-active-format='forum_skyscraper'] { display: none; } } @media (min-width: 960px) { ad-container[data-ad-active-format='forum_skyscraper'] { display: block; } } ad-container[data-ad-active-format='forum_contentad'] { display: none; } @media (min-width: 1690px) { ad-container[data-ad-active-format='forum_contentad'] { display: block; } } ad-container[data-ad-active-format*='story']:not(.ad-nativead) > *, ad-container[data-ad-active-format*='overview']:not(.ad-nativead) > *, ad-container[data-ad-active-format*='mobil_']:not(.ad-nativead) > *, ad-container[data-ad-active-format*='livebericht_cad'] > * { min-height: 250px; min-width: 160px; } ad-container[data-ad-active-format*='story']:not(.ad-nativead) > * > *, ad-container[data-ad-active-format*='overview']:not(.ad-nativead) > * > *, ad-container[data-ad-active-format*='mobil_']:not(.ad-nativead) > * > *, ad-container[data-ad-active-format*='livebericht_cad'] > * > * { max-height: 600px; max-width: 300px; min-height: 250px; min-width: 160px; } ad-container[data-ad-active-format*='story']:not(.ad-nativead) > *::before, ad-container[data-ad-active-format*='overview']:not(.ad-nativead) > *::before, ad-container[data-ad-active-format*='mobil_']:not(.ad-nativead) > *::before, ad-container[data-ad-active-format*='livebericht_cad'] > *::before { max-width: 300px; } ad-container[data-ad-active-format*='story']:not(.ad-nativead).ad-container-used > *:not(.ad-understitial-close)::before, ad-container[data-ad-active-format*='overview']:not(.ad-nativead).ad-container-used > *:not(.ad-understitial-close)::before, ad-container[data-ad-active-format*='mobil_']:not(.ad-nativead).ad-container-used > *:not(.ad-understitial-close)::before, ad-container[data-ad-active-format*='livebericht_cad'].ad-container-used > *:not(.ad-understitial-close)::before { background-color: rgba(0, 0, 0, 0.03); color: rgba(112, 112, 112, 0.7); content: 'WERBUNG'; display: block; font-family: STMatilda Info Variable, system-ui, sans-serif; font-size: 9px; letter-spacing: 0.3px; line-height: 15px; margin: 0 auto; -webkit-order: -1; -ms-flex-order: -1; order: -1; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } ad-container[data-ad-active-format*='sitebar'].temp-visible > *, ad-container[data-ad-active-format*='sitebar'] > * { min-height: 600px; min-width: 300px; } ad-container[data-ad-active-format*='sitebar'].temp-visible > * > *, ad-container[data-ad-active-format*='sitebar'] > * > * { max-height: 600px; max-width: 300px; min-height: 600px; min-width: 300px; } ad-container[data-ad-active-format*='sitebar'].temp-visible > *::before, ad-container[data-ad-active-format*='sitebar'] > *::before { max-width: 300px; } ad-container[data-ad-active-format*='sitebar'].temp-visible > *::before, ad-container[data-ad-active-format*='sitebar'] > *::before { content: none; } @media (max-width: 959.9px) { ad-container[data-ad-active-format*='sitebar'].temp-visible, ad-container[data-ad-active-format*='sitebar'] { display: none; } } @media (min-width: 960px) { ad-container[data-ad-active-format*='sitebar'].temp-visible, ad-container[data-ad-active-format*='sitebar'] { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: visible; } ad-container[data-ad-active-format*='sitebar'].temp-visible > *, ad-container[data-ad-active-format*='sitebar'] > * { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 100%; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; overflow: visible; } ad-container[data-ad-active-format*='sitebar'].temp-visible > * > *, ad-container[data-ad-active-format*='sitebar'] > * > * { margin: 0; } ad-container[data-ad-active-format*='sitebar'].temp-visible > * > *[height='100%'], ad-container[data-ad-active-format*='sitebar'] > * > *[height='100%'] { height: 100vh; max-height: 100vh; } ad-container[data-ad-active-format*='sitebar'].temp-visible.ad-responsive ad-slot div, ad-container[data-ad-active-format*='sitebar'].temp-visible.ad-responsive ad-slot div iframe, ad-container[data-ad-active-format*='sitebar'].ad-responsive ad-slot div, ad-container[data-ad-active-format*='sitebar'].ad-responsive ad-slot div iframe { height: 100% !important; max-height: 100% !important; max-width: 100% !important; width: 100% !important; } ad-container[data-ad-active-format*='sitebar'].temp-visible[data-ad-provider] > *:not(.ad-understitial-close)::after, ad-container[data-ad-active-format*='sitebar'][data-ad-provider] > *:not(.ad-understitial-close)::after { background: var(--theme-background); bottom: 0; opacity: 0.7; right: 0; top: unset; } } ad-container[data-ad-active-format*='sitebar'] { box-sizing: border-box; display: block; position: absolute; width: 100%; } ad-container[data-ad-active-format*='sitebar'] > ad-slot { box-sizing: border-box; display: block; height: calc(100vh - var(--site--header-minheight, var(--site--header-height, 50px))); position: -webkit-sticky; position: sticky; top: calc(var(--site--header-minheight, var(--site--fixed-header-height))); } ad-container[data-ad-active-format*='sitebar'].ad-lad > ad-slot { height: calc(100vh - var(--site--header-minheight, var(--site--header-height, 50px)) - 50px); top: calc(var(--site--header-minheight, var(--site--fixed-header-height)) + 50px); } ad-container[data-ad-active-format*='inread'].ad-container-used > *:not(.ad-understitial-close)::before, ad-container[data-ad-active-format*='inread_mobil'].ad-container-used > *:not(.ad-understitial-close)::before { background-color: rgba(0, 0, 0, 0.03); color: rgba(112, 112, 112, 0.7); content: 'WERBUNG'; display: block; font-family: STMatilda Info Variable, system-ui, sans-serif; font-size: 9px; letter-spacing: 0.3px; line-height: 15px; margin: 0 auto; -webkit-order: -1; -ms-flex-order: -1; order: -1; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } ad-container[data-ad-active-format*='inread'].ad-container-used, ad-container[data-ad-active-format*='inread_mobil'].ad-container-used { display: block; height: calc(100% * 9 / 16); overflow: unset; width: 100%; } ad-container[data-ad-active-format*='inread'].ad-container-used > *, ad-container[data-ad-active-format*='inread_mobil'].ad-container-used > * { height: calc(100% + 14px); width: 100%; } ad-container[data-ad-active-format*='inread'].ad-container-used > * > div.ad-outstream, ad-container[data-ad-active-format*='inread_mobil'].ad-container-used > * > div.ad-outstream { height: 100%; width: 100%; } ad-container[data-ad-active-format*='inread'].ad-container-used > * > div > iframe, ad-container[data-ad-active-format*='inread_mobil'].ad-container-used > * > div > iframe { display: block; } .layout .grid[data-layout^='L-PO-'] ~ .site-sitebar ad-container[data-ad-active-format*='sitebar'] > ad-slot { height: calc(100vh - var(--site--header-minheight, var(--site--header-height, 0)) - var(--site--fixed-header-height, 50px)); top: calc(var(--site--header-minheight, var(--site--fixed-header-height)) + 50px); } .layout .grid[data-layout^='L-PO-'] ~ .site-sitebar ad-container[data-ad-active-format*='sitebar'].ad-lad > ad-slot { height: calc(100vh - var(--site--header-minheight, var(--site--header-height, 0)) - var(--site--fixed-header-height, 50px)); top: calc(var(--site--header-minheight, var(--site--fixed-header-height)) + 50px); } ad-container[data-ad-active-format*='overview'].ad-nativead.ad-container-used, ad-container[data-ad-active-format*='story'].ad-nativead.ad-container-used, ad-container[data-ad-active-format*='mobil'].ad-nativead.ad-container-used { height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 0; } ad-container[data-ad-active-format*='overview'].ad-nativead.ad-container-used ~ *, ad-container[data-ad-active-format*='story'].ad-nativead.ad-container-used ~ *, ad-container[data-ad-active-format*='mobil'].ad-nativead.ad-container-used ~ * { position: relative; } ad-container[data-ad-active-format*='overview'].ad-nativead.ad-container-used > *, ad-container[data-ad-active-format*='story'].ad-nativead.ad-container-used > *, ad-container[data-ad-active-format*='mobil'].ad-nativead.ad-container-used > * { box-sizing: border-box; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; pointer-events: none; } ad-container[data-ad-active-format*='overview'].ad-nativead.ad-container-used > * div, ad-container[data-ad-active-format*='overview'].ad-nativead.ad-container-used > * iframe, ad-container[data-ad-active-format*='story'].ad-nativead.ad-container-used > * div, ad-container[data-ad-active-format*='story'].ad-nativead.ad-container-used > * iframe, ad-container[data-ad-active-format*='mobil'].ad-nativead.ad-container-used > * div, ad-container[data-ad-active-format*='mobil'].ad-nativead.ad-container-used > * iframe { height: 100%; min-height: 100px; min-width: 150px; width: 100%; } ad-container[data-ad-active-format='forum_inline'], ad-container[data-ad-active-format='de_forum_inline'] { margin: 8px 0; width: calc(100% - 16px); } ad-container[data-ad-active-format='forum_inline'].ad-container-used > *:not(.ad-understitial-close)::before, ad-container[data-ad-active-format='de_forum_inline'].ad-container-used > *:not(.ad-understitial-close)::before { background-color: rgba(0, 0, 0, 0.03); color: rgba(112, 112, 112, 0.7); content: 'WERBUNG'; display: block; font-family: STMatilda Info Variable, system-ui, sans-serif; font-size: 9px; letter-spacing: 0.3px; line-height: 15px; margin: 0 auto; -webkit-order: -1; -ms-flex-order: -1; order: -1; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } ad-container[data-ad-active-format*='forum_inline_cad'] { margin: 8px 0; } ad-container[data-ad-active-format*='forum_inline_cad'] > * { min-height: 250px; min-width: 300px; } ad-container[data-ad-active-format*='forum_inline_cad'] > * > * { max-height: 250px; max-width: 300px; min-height: 250px; min-width: 300px; } ad-container[data-ad-active-format*='forum_inline_cad'] > *::before { max-width: 300px; } ad-container[data-ad-active-format*='forum_inline_cad'].ad-container-used > *:not(.ad-understitial-close)::before { background-color: rgba(0, 0, 0, 0.03); color: rgba(112, 112, 112, 0.7); content: 'WERBUNG'; display: block; font-family: STMatilda Info Variable, system-ui, sans-serif; font-size: 9px; letter-spacing: 0.3px; line-height: 15px; margin: 0 auto; -webkit-order: -1; -ms-flex-order: -1; order: -1; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } ad-container.ad-understitial { --ad--understitial-offset-left: -40px; --ad--understitial-offset-right: 0; --ad--border-height: 14px; --site--header-minheight: 56px; background-color: rgba(0, 0, 0, 0.06); height: calc(600px + (var(--ad--border-height) * 2)); margin-left: var(--ad--understitial-offset-left) !important; margin-right: var(--ad--understitial-offset-right) !important; max-width: unset !important; position: relative; width: calc(100vw - var(--site--core-margin-left) - var(--site--core-margin-right)); } ad-container.ad-understitial.ad-container-used > *:not(.ad-understitial-close)::before { background-color: rgba(0, 0, 0, 0.03); color: rgba(112, 112, 112, 0.7); content: 'WERBUNG'; display: block; font-family: STMatilda Info Variable, system-ui, sans-serif; font-size: 9px; letter-spacing: 0.3px; line-height: 15px; margin: 0 auto; -webkit-order: -1; -ms-flex-order: -1; order: -1; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } ad-container.ad-understitial.ad-hidden { display: none !important; } @media (max-width: 654.9px) { ad-container.ad-understitial { --ad--understitial-offset-left: -16px; width: 100vw; } } @media (min-width: 960px) { ad-container.ad-understitial { --ad--understitial-offset-left: auto; background-color: transparent; float: none !important; width: 100%; } } ad-container.ad-understitial > div { clip: rect(auto auto auto auto); height: 100%; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; max-height: unset; overflow: hidden; position: absolute; width: 100vw; } ad-container.ad-understitial > div > ad-slot { height: 100%; max-height: unset !important; max-width: unset !important; min-width: 300px !important; } @media (min-width: 960px) { ad-container.ad-understitial > div > ad-slot { bottom: unset !important; display: block; position: relative; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } ad-container.ad-understitial > div > ad-slot > div { height: 100%; margin: 0 auto; width: 100%; } ad-container.ad-understitial > div > ad-slot > div > iframe { left: 50%; position: fixed; top: 50%; } .ad-responsive ad-container.ad-understitial > div > ad-slot > div > iframe { top: 0; } ad-container.ad-understitial.ad-container-used::after { background-color: var(--theme-background); bottom: 0; color: rgba(112, 112, 112, 0.7); content: 'WERBUNG'; display: block; font-family: STMatilda Info Variable, system-ui, sans-serif; font-size: 9px; letter-spacing: 0.3px; line-height: 15px; overflow: hidden; position: absolute; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } @media (min-width: 960px) { ad-container.ad-understitial.ad-container-used::after { content: unset; } } ad-container.ad-understitial.ad-container-used > div::before { background-color: !important; background-color: var(--theme-background) !important; max-width: unset !important; position: relative !important; z-index: 1 !important; } ad-container.ad-understitial.ad-responsive { height: var(--initial-vh); max-height: calc(200vw + (var(--ad--border-height) * 2)); max-width: 100vw; } ad-container.ad-understitial.ad-responsive > div > ad-slot { bottom: var(--ad--border-height); left: 0; max-height: unset; max-width: unset; -webkit-transform: unset; transform: unset; } ad-container.ad-understitial.ad-responsive > div > ad-slot > div { height: calc(var(--initial-vh) - (var(--ad--border-height) * 2)); max-height: calc(200vw - (var(--ad--border-height) * 2)); max-width: 100vw; width: calc((var(--initial-vh) - (var(--ad--border-height) * 2)) / 2); } @media (min-width: 960px) { ad-container.ad-understitial.ad-responsive { max-height: 600px; max-width: 300px !important; } ad-container.ad-understitial.ad-responsive > div, ad-container.ad-understitial.ad-responsive > div > ad-slot > div { max-height: 600px; max-width: 300px; } } ad-container.ad-understitial.ad-full-width > div > ad-slot > div > iframe { height: calc(var(--initial-vh) - var(--site--header-minheight) - (var(--ad--border-height) * 2)); width: 100%; } ad-container.ad-understitial .ad-understitial-close { background: #737373; border: 0; border-radius: 12px; cursor: pointer; height: 24px; min-height: unset; min-width: unset; position: absolute; right: 10px; top: 24px; -webkit-transform: translateZ(0); transform: translateZ(0); width: 24px; z-index: 1; } @media (min-width: 960px) { ad-container.ad-understitial .ad-understitial-close { display: none; } } ad-container.ad-understitial .ad-understitial-close::before { content: '' !important; background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZD0iTTcuOCAxLjdIMTAuMlYxNi4ySDcuOHoiIHRyYW5zZm9ybT0icm90YXRlKC00NSA5IDkpIi8+PHBhdGggZD0iTTEuNyA3LjhIMTYuMlYxMC4ySDEuN3oiIHRyYW5zZm9ybT0icm90YXRlKC00NSA5IDkpIi8+PC9zdmc+"); height: 18px; width: 18px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } ad-mutation-controls { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: var(--theme-ui-background); border-radius: 25px 0 0 25px; bottom: 25px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); color: var(--theme-ui-tint); display: -webkit-flex; display: -ms-flexbox; display: flex; font: 15px STMatilda Info Variable, system-ui, sans-serif; padding: 10px 5px 10px 10px; position: fixed; right: 0; z-index: 999; } ad-mutation-controls > button { --tint: var(--theme-ui-tint); background: transparent; border-width: 0; cursor: pointer; height: 40px; margin: -5px 0 -9px; opacity: 0.6; padding: 0; width: 40px; } ad-mutation-controls > button:hover { opacity: 1; } @media (min-width: 768px) { ad-mutation-controls { border-radius: 5px; left: 50%; padding: 10px 20px; padding-right: 15px; right: auto; -webkit-transform: translatex(-50%); transform: translatex(-50%); z-index: 999; } ad-mutation-controls::before { content: 'Sonderwerbung'; margin-right: 5px; opacity: 0.6; white-space: nowrap; } ad-mutation-controls > button { margin: -5px 0; } } .dst-app-header ad-mutation-controls { bottom: 103px; } ad-container[data-ad-active-format='mutation'], ad-container[data-ad-active-format='mutation_small'] { pointer-events: none; position: absolute; } .dst-header [data-mutation-state='3'] .dst-header-component:not(.compact) { background-color: var(--theme-background); } ad-container[data-ad-active-format*='mutation_flex'].ad-container-used { background: var(--theme-header-backgroundfixed, var(--theme-header-background, var(--theme-background))); height: calc(100vh - 100px); margin-bottom: var(--grid-column); margin-top: calc(var(--site--header-minheight) * -1); max-height: 720px; } ad-container[data-ad-active-format*='mutation_flex'].ad-container-used.ad-stagead { height: calc(100vh - 100px - var(--site--header-minheight)); margin-top: 0; } @media (min-width: 1690px) { [data-mutation-state='3'] ad-container[data-ad-active-format*='mutation_flex'].ad-container-used { margin-top: 0; } } @media (min-width: 960px) { ad-container[data-ad-active-format*='mutation_flex'].ad-container-used { height: calc(100vh - 200px); margin-bottom: 0; } ad-container[data-ad-active-format*='mutation_flex'].ad-container-used.ad-stagead { height: calc(100vh - 200px - var(--site--header-minheight)); } } .dst-header ad-container[data-ad-active-format*='mutation_flex'].ad-container-used { margin-left: 0; } @media all and (min-width: 1024px) { .dst-header ad-container[data-ad-active-format*='mutation_flex'].ad-container-used { margin-left: calc(var(--site--core-margin-left) - 39px); } } @media all and (min-width: 2560px) { .dst-header ad-container[data-ad-active-format*='mutation_flex'].ad-container-used { margin-left: calc(var(--site--core-margin-left) - 58px); } } ad-container[data-ad-active-format*='mutation_flex'].ad-container-used * { height: 100%; width: 100%; } ad-container[data-ad-active-format*='baselinead'] { box-sizing: border-box; grid-column: content / span 4; margin: 0 auto; max-width: var(--story-width, 615px); padding: var(--site--core-padding); width: 100%; } ad-container[data-ad-active-format*='baselinead'] > * { min-height: 320px; min-width: 100%; } ad-container[data-ad-active-format*='baselinead'] > * > * { max-height: 320px; max-width: 100%; min-height: 320px; min-width: 100%; width: 100%; } ad-container[data-ad-active-format*='baselinead'] > *::before { max-width: 100%; } @media (min-width: 960px) { ad-container[data-ad-active-format*='baselinead'] { grid-column: content / span 12; padding: unset; } } ad-container[data-ad-active-format*='baselinead'] * { max-width: 100%; } .mutated:not([data-mutation-state='3']) .mutation-console-show, .mutated[data-mutation-state='3'] .mutation-console-hide { display: none; } .mutated .mutation-overlay { background: transparent; bottom: 0; left: 0; opacity: 0; pointer-events: none; position: fixed; right: 0; top: var(--site--header-minheight, 150px); transition: opacity 0.5s; z-index: 300; } .mutated .mutation-overlay .mutation-overlay-frame { background: transparent; height: 100%; width: 100%; } .mutated[data-mutation-overlay='1'] .mutation-overlay { display: block; opacity: 1; } .mutated[data-mutation-state='3'] .mutation-overlay { display: none; } @media (min-width: 960px) { .mutated ad-container[data-ad-active-format*='billboard'] { margin-left: 0 !important; margin-right: 0 !important; } } .mas-counters { height: 0; overflow: hidden; } .viewport-breakpoint { float: left; height: 1px; left: 0; width: 1px; z-index: 0; } /* stylelint-enable selector-no-qualifying-type */ .app-update-overlay { background-color: #fff; height: 100vh; left: 0; overflow: auto; position: fixed; top: 0; width: 100vw; z-index: 900; } .app-update-overlay .app-update-overlay-inner { font: var(--w5-info); margin: 110px auto 0; max-width: 565px; text-align: center; width: 80vw; } @media (orientation: landscape) { .app-update-overlay .app-update-overlay-inner { margin-top: 40px; } } @media (min-device-width: 768px) and (orientation: portrait) { .app-update-overlay .app-update-overlay-inner { font: var(--w8-info); margin-top: 210px; } } @media (min-width: 960px) { .app-update-overlay .app-update-overlay-inner { font: var(--w8-info); margin-top: 210px; } } .app-update-overlay .app-update-overlay-inner svg { height: 33px; margin: 0 auto 40px; } @media (min-device-width: 768px) and (orientation: portrait) { .app-update-overlay .app-update-overlay-inner svg { height: 40px; } } @media (min-width: 960px) { .app-update-overlay .app-update-overlay-inner svg { height: 40px; } } .app-update-overlay .app-update-overlay-inner h1 { font: var(--w4-heading); margin: 0 0 16px; } @media (min-device-width: 768px) and (orientation: portrait) { .app-update-overlay .app-update-overlay-inner h1 { font: var(--w7-heading); } } @media (min-width: 960px) { .app-update-overlay .app-update-overlay-inner h1 { font: var(--w7-heading); } } .app-update-overlay .app-update-overlay-inner p { margin: 16px 0 0; } .app-update-overlay .app-update-overlay-inner a { background: #202226; color: #fff; background-color: var(--theme-ui-background); border-radius: 3px; box-sizing: border-box; color: var(--theme-ui-tint); opacity: 0.9; text-decoration: none; transition: opacity 300ms ease, box-shadow 100ms ease; background-color: var(--theme--default--primary); display: inline-block; font-size: 1.0625rem; margin-top: 30px; padding: 18px 40px; } .app-update-overlay .app-update-overlay-inner a:hover { opacity: 1; } :root { --site--statusbar-height: 40px; } .site-statusbar { --component-name: 'site--statusbar'; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 0.8125rem; grid-column: content / span 4; height: 40px; max-width: 100%; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; z-index: 0; } @media (max-width: 767.9px) { .site-statusbar { border-top: 1px solid transparent; padding: 0 var(--site--core-padding); } .is-sticky-statusbar .site-statusbar { position: absolute; top: 50px; width: 100%; } .is-sticky-statusbar .site-statusbar.sticky { background-color: var(--theme-background); border-color: rgba(52, 52, 52, 0.1); left: 0; padding: 0 calc(var(--site--core-padding) + var(--site--core-margin-left)); position: fixed; -webkit-transform: translateY(-100%); transform: translateY(-100%); z-index: 18; } .is-sticky-statusbar .site-statusbar.sticky:not(.hidden) { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 0 1px -2px rgba(0, 0, 0, 0.17); box-shadow: var(--theme-header-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 0 1px -2px rgba(0, 0, 0, 0.17)); -webkit-transform: translateY(0); transform: translateY(0); transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } } @media (min-width: 768px) { .site-statusbar { height: 50px; margin-bottom: calc(var(--grid-gap) * -1); } } @media (min-width: 960px) { .site-statusbar { font-size: 0.9375rem; grid-column: content / span 12; } } @media print { .site-statusbar { background: none !important; border: 0 !important; height: auto; left: auto !important; margin: 0; padding: 0 !important; position: relative !important; top: 0 !important; } } .site-statusbar .site-contextnavigation .site-contextnavigation-breadcrumbs { display: block; font-size: 0.9375rem; line-height: 2.5rem; white-space: nowrap; } @media (min-width: 768px) { .site-statusbar .site-contextnavigation .site-contextnavigation-breadcrumbs { line-height: 3.125rem; } } .site-statusbar .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > h3 { display: none; } .site-statusbar .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a { color: currentColor; display: inline-block; opacity: 0.8; text-decoration: none; } .site-statusbar .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a::before { content: '\203A\0020'; } .site-statusbar .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a:first-of-type::before { content: none !important; } .site-statusbar .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a:hover { opacity: 1; } .site-statusbar .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a:last-of-type { font-weight: 700; margin-right: var(--site--core-padding); } .site-statusbar .today { line-height: 2.5rem; margin-right: 10px; opacity: 0.8; white-space: nowrap; } @media (min-width: 960px) { .site-statusbar .today { line-height: 3.125rem; } } .site-statusbar .lastmodified { display: none; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0.8125rem; margin-left: auto; opacity: 0.8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 768px) { .site-statusbar .lastmodified { display: block; } } .site-statusbar .lastmodified time:not(:last-child) { display: none; } .site-statusbar .lastmodified em { font-style: normal; } .site-statusbar .lastmodified span { margin-left: 5px; } .site-statusbar .chronological, .site-statusbar .positioned { -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: currentColor; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 2.5rem; margin-left: auto; min-width: 50px; opacity: 0.8; padding: 0; text-decoration: none; white-space: nowrap; } @media (min-width: 960px) { .site-statusbar .chronological, .site-statusbar .positioned { line-height: 3.125rem; } } @media print { .site-statusbar .chronological, .site-statusbar .positioned { display: none; } } .site-statusbar .chronological svg, .site-statusbar .positioned svg { height: 20px; margin-right: 3px; width: 20px; } .site-statusbar .chronological span, .site-statusbar .positioned span { display: none; margin-left: 3px; } .site-statusbar .chronological:hover, .site-statusbar .positioned:hover { opacity: 1; } @media (min-width: 768px) { .site-statusbar .chronological, .site-statusbar .positioned { margin-left: 10px; } .site-statusbar .chronological span, .site-statusbar .positioned span { display: inline; } } .site-statusbar .chronological::before, .site-statusbar .positioned::before { background-repeat: no-repeat; background-size: 20px 20px; content: ''; display: block; height: 20px; margin-right: 3px; width: 20px; } .site-statusbar .chronological::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0iIzM0MzQzNCI+PHBhdGggZD0iTTEwIDJhOCA4IDAgMSAwIDggOCA4IDggMCAwIDAtOC04em0wIDE0LjRhNi40IDYuNCAwIDEgMSA2LjQtNi40IDYuNCA2LjQgMCAwIDEtNi40IDYuNHoiLz48cGF0aCBkPSJNMTAuNCA2SDkuMnY0LjhsNC4yIDIuNTIuNi0uOTgtMy42LTIuMTR6Ii8+PC9nPjwvc3ZnPg=="); } .site-statusbar .positioned::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTcuMzMgMTVoNS4zNHYtMS42N0g3LjMzek0zLjUgNXYxLjY3aDEzVjV6TTUgMTAuODNoMTBWOS4xN0g1eiIgZmlsbD0iIzM0MzQzNCIgLz48L3N2Zz4="); } .layout > .site-contextnavigation { grid-column: content / span 4; max-width: 100%; } @media (min-width: 960px) { .layout > .site-contextnavigation { margin-bottom: calc(var(--grid-gap) * -1); } } @media (min-width: 960px) { .layout > .site-contextnavigation { grid-column: content / span 12; } } .layout > .site-contextnavigation > div { -webkit-overflow-scrolling: touch; overflow-x: auto; } .layout > .site-contextnavigation .site-contextnavigation-breadcrumbs { display: block; font-size: 0.9375rem; line-height: 3.125rem; white-space: nowrap; } @media (max-width: 767.9px) { .layout > .site-contextnavigation .site-contextnavigation-breadcrumbs { padding: 0 var(--site--core-padding); } } .layout > .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > h3 { display: none; } .layout > .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a { color: currentColor; display: inline-block; opacity: 0.8; text-decoration: none; } .layout > .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a::before { content: '\203A\0020'; } .layout > .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a:first-of-type::before { content: none !important; } .layout > .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a:hover { opacity: 1; } .layout > .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a:last-of-type { font-weight: 700; margin-right: var(--site--core-padding); } .layout > .site-contextnavigation .site-contextnavigation-siblings { display: none; } @media (min-width: 960px) { .layout > .site-contextnavigation .site-contextnavigation-siblings { display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 0.9375rem; line-height: 1.75rem; padding: 4px var(--grid-gap) 4px calc(var(--grid-gap) + (var(--grid-column) / 2)); } .layout > .site-contextnavigation .site-contextnavigation-siblings-nav > h3 { display: none; } .layout > .site-contextnavigation .site-contextnavigation-siblings-nav > ul { list-style-type: none; margin: 0; padding: 0; } .layout > .site-contextnavigation .site-contextnavigation-siblings-nav > ul li { margin-right: 10px; } .layout > .site-contextnavigation .site-contextnavigation-siblings-nav > ul li:first-child::before { content: '/'; display: inline-block; margin-left: calc(var(--grid-gap) * -1); opacity: 0.7; width: var(--grid-gap); } .layout > .site-contextnavigation .site-contextnavigation-siblings-nav > ul li:last-child { margin-right: 0; } .layout > .site-contextnavigation .site-contextnavigation-siblings-nav > ul li a { opacity: 0.7; } .layout > .site-contextnavigation .site-contextnavigation-siblings-nav > ul li a:hover { border-bottom: 0.0625rem solid currentColor; opacity: 1; } } @media (max-width: 1023px) { :root { --dst-header-min-height: 138px; --dst-header-compact-top: -35px; } } .layout { margin-left: 15px; margin-right: 15px; max-width: 1875px; margin-bottom: 0; margin-left: var(--site--core-margin-left); margin-right: var(--site--core-margin-right); margin-top: 0; max-width: var(--site--core-maxwidth); min-width: var(--site--core-minwidth); --template-columns: [content] repeat(4, 1fr); box-sizing: border-box; display: grid; grid-column-gap: var(--gap); grid-row-gap: var(--row-gap, var(--gap)); grid-template-columns: var(--template-columns); grid-auto-flow: dense row; grid-auto-rows: auto; } @media all and (-ms-high-contrast: none) and (min-width: 655px), all and (-ms-high-contrast: active) and (min-width: 655px) { .layout { margin-left: 25px; margin-right: 25px; } } @media all and (-ms-high-contrast: none) and (min-width: 1600px), all and (-ms-high-contrast: active) and (min-width: 1600px) { .layout { margin-left: 90px; } } @media all and (-ms-high-contrast: none) and (min-width: 2100px), all and (-ms-high-contrast: active) and (min-width: 2100px) { .layout { margin-left: auto; margin-right: auto; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout > * { max-width: 1875px !important; } } @media all and (-ms-high-contrast: none) and (min-width: 1280px), all and (-ms-high-contrast: active) and (min-width: 1280px) { .layout > * { max-width: 1245px !important; width: calc(100% - 320px) !important; } } @supports not (display: grid) { .layout > * { max-width: 100%; } @media (min-width: 1280px) { .layout > * { max-width: calc(100% - 315px); } } @media (min-width: 1690px) { .layout > * { max-width: 1245px; } .layout > *.grid { max-width: 1260px; } } } @media (min-width: 960px) { .layout { --template-columns: [content] repeat(12, 1fr); } } @media (min-width: 1280px) { .layout { --template-columns: [content] repeat(12, minmax(auto, 96.422px)) [sitebar] minmax(300px, auto); } .layout .site-sitebar { --site--sitebar-margin: 0 0 0 var(--grid-gap); } .layout .site-sitebar:nth-child(2) { grid-row: 1 / span 1; } .layout .site-sitebar:nth-child(3) { grid-row: 1 / span 2; } .layout .site-sitebar:nth-child(4) { grid-row: 1 / span 3; } .layout .site-sitebar:nth-child(5) { grid-row: 1 / span 4; } .layout .site-sitebar:nth-child(6) { grid-row: 1 / span 5; } .layout .site-sitebar:nth-child(7) { grid-row: 1 / span 6; } .layout .site-sitebar:nth-child(8) { grid-row: 1 / span 7; } .layout .site-sitebar:nth-child(9) { grid-row: 1 / span 8; } .layout .site-sitebar:nth-child(10) { grid-row: 1 / span 9; } .layout .site-sitebar:nth-child(11) { grid-row: 1 / span 10; } .layout .site-sitebar:nth-child(12) { grid-row: 1 / span 11; } .layout .site-sitebar:nth-child(13) { grid-row: 1 / span 12; } .layout .site-sitebar:nth-child(14) { grid-row: 1 / span 13; } .layout .site-sitebar:nth-child(15) { grid-row: 1 / span 14; } .layout .site-sitebar:nth-child(16) { grid-row: 1 / span 15; } .layout .site-sitebar:nth-child(17) { grid-row: 1 / span 16; } .layout .site-sitebar:nth-child(18) { grid-row: 1 / span 17; } .layout .site-sitebar:nth-child(19) { grid-row: 1 / span 18; } .layout .site-sitebar:nth-child(20) { grid-row: 1 / span 19; } .layout .site-sitebar:nth-child(21) { grid-row: 1 / span 20; } .layout .site-sitebar:nth-child(22) { grid-row: 1 / span 21; } .layout .site-sitebar:nth-child(23) { grid-row: 1 / span 22; } .layout .site-sitebar:nth-child(24) { grid-row: 1 / span 23; } .layout .site-sitebar:nth-child(25) { grid-row: 1 / span 24; } .layout .site-sitebar:nth-child(26) { grid-row: 1 / span 25; } .layout .site-sitebar:nth-child(27) { grid-row: 1 / span 26; } .layout .site-sitebar:nth-child(28) { grid-row: 1 / span 27; } .layout .site-sitebar:nth-child(29) { grid-row: 1 / span 28; } .layout .site-sitebar:nth-child(30) { grid-row: 1 / span 29; } .layout .site-sitebar:nth-child(31) { grid-row: 1 / span 30; } .layout .site-sitebar:nth-child(32) { grid-row: 1 / span 31; } .layout .site-sitebar:nth-child(33) { grid-row: 1 / span 32; } .layout .site-sitebar:nth-child(34) { grid-row: 1 / span 33; } } @media all and (min-width: 1280px) and (-ms-high-contrast: none), (min-width: 1280px) and (-ms-high-contrast: active) { .layout .site-sitebar { height: 100%; margin: 0; max-width: none; position: absolute; right: 0; top: 170px !important; width: 300px !important; } } @media all and (min-width: 1280px) and (-ms-high-contrast: none) and (min-width: 1690px), (min-width: 1280px) and (-ms-high-contrast: active) and (min-width: 1690px) { .layout .site-sitebar { max-width: 600px !important; width: calc(100vw - 1245px - 90px - 30px) !important; } } @media (min-width: 1280px) { @supports not (display: grid) { .layout .site-sitebar { height: 100%; margin: 0; max-width: none; position: absolute; right: 0; top: 0; width: 300px !important; } } } @media (min-width: 1690px) { .layout { --template-columns: [content] repeat(12, minmax(75px, 90px)) [sitebar] minmax(300px, 615px); } @supports not (display: grid) { .layout .site-sitebar { width: calc(100% - 1260px) !important; } } } @supports not (display: grid) { .layout > * { margin-bottom: var(--row-gap, var(--gap)) !important; } } @media print { .layout { display: block; position: relative; } } @media (min-width: 1280px) { .layout.mu-sitebar-edgebleed { --site--core-margin-right: 0; --site--core-maxwidth: none; } } @media (min-width: 2100px) { .layout.mu-sitebar-edgebleed { --site--core-margin-left: calc((100% - 1875px) / 2); } } @media (min-width: 1280px) { .layout.mu-sitebar-left { --template-columns: [sitebar] minmax(300px, auto) [content] repeat(12, minmax(69px, 90px)); } .layout.mu-sitebar-left .site-sitebar { --site--sitebar-margin: 0 var(--grid-gap) 0 0; } } @media (min-width: 1280px) { .layout.mu-sitebar-left.mu-sitebar-edgebleed { --site--core-margin-left: 0; --site--core-maxwidth: none; } } @media (min-width: 2100px) { .layout.mu-sitebar-left.mu-sitebar-edgebleed { --site--core-margin-right: calc((100% - 1875px) / 2); } } @media (min-width: 1690px) { .layout.mu-sitebar-double { --template-columns: [sitebar-left] minmax(300px, auto) [content] repeat(12, minmax(69px, 90px)) [sitebar] minmax(300px, auto); } } @media (min-width: 1690px) { .layout.mu-sitebar-double.mu-sitebar-edgebleed { --site--core-margin-left: 0; --site--core-margin-right: 0; --site--core-maxwidth: none; } } @media all and (min-width: 655px) { .layout .promotion-separator { margin-top: 25px; } .layout .site-statusbar + .promotion-separator { margin-top: 0; } } .layout .promotion-separator { background: rgba(0, 0, 0, 0.03); font-size: 0.8125rem; letter-spacing: 0.1ex; line-height: 100%; padding: 0.3125rem; text-align: center; text-transform: uppercase; grid-column: content / span 4; } @media all and (min-width: 655px) { .layout .promotion-separator { margin-bottom: 15px; } } @media (min-width: 960px) { .layout .promotion-separator { grid-column: content / span 12; } } .layout .quicklinks { background: rgba(0, 0, 0, 0.05); padding-left: var(--site--core-margin-left); padding-right: var(--site--core-margin-right); grid-column: content / span 4; grid-row: 1; margin-left: calc(var(--site--core-margin-left) * -1); margin-right: calc(var(--site--core-margin-right) * -1); } @media (min-width: 768px) and (max-width: 959.9px) { .site-statusbar + .layout .quicklinks { margin-bottom: calc(var(--row-gap) * -1); } } @media print { .layout .quicklinks { display: none; } } .layout .quicklinks ul { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; list-style-type: none; margin: 0; padding: 10px 0; width: 100%; } @media (max-width: 359.9px) { .layout .quicklinks ul { padding: 10px 5px; } } @media (max-width: 654.9px) { .layout .quicklinks ul { padding: 10px 15px; } } .layout .quicklinks li { -webkit-flex-basis: 33.333%; -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0; } .layout .quicklinks li:not(:first-of-type) { margin-left: 5px; } @media (max-width: 359.9px) { .layout .quicklinks li:not(:first-of-type) { margin-left: 2px; } } .layout .quicklinks li:not(:last-of-type) { margin-right: 5px; } @media (max-width: 359.9px) { .layout .quicklinks li:not(:last-of-type) { margin-right: 2px; } } .layout .quicklinks a { border-radius: 4px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); color: var(--theme-header-backgroundfixed, var(--theme-header-background, #fff)); display: block; font: 700 0.875rem/2.1875rem "STMatilda Info Variable", system-ui, sans-serif; padding: 0 5px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .layout .quicklinks a[title='Abo'] { background-color: var(--theme-header-primarytint, #008d8d); } .layout .quicklinks a[title='Immosuche'] { background-color: var(--theme-header-primarytint, #94ba65); } .layout .quicklinks a[title='Jobsuche'] { background-color: var(--theme-header-primarytint, #ed827a); } @media (min-width: 960px) { .layout .quicklinks { grid-column: content / span 12; } } @media all and (min-width: 1024px) { .layout .quicklinks { display: none; } } .layout > header { box-sizing: border-box; grid-column: content / span 4; padding: var(--grid-column) var(--site--core-padding) 0; } @media (min-width: 768px) { .layout > header { padding: var(--grid-column) 0; } } .layout > header h1 { font-size: 2rem; line-height: 2rem; margin: 0 0 var(--grid-gap); } .layout nav[data-db='n1'] { border: solid; border-color: rgba(67, 67, 67, 0.1); border-width: 0 0 1px; margin-bottom: 15px; background: var(--tile-background); border: var(--tile-border); border-color: var(--tile-border-color); border-radius: var(--tile-border-radius, 0); border-width: var(--tile-border-width); display: -webkit-flex; display: -ms-flexbox; display: flex; margin: var(--tile-margin); min-height: var(--tile-min-height); position: relative; --tile-background: unset; --tile-border: unset; --tile-border-color: unset; --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-name: "tile-initial"; --tile-padding: var(--grid-column); --tile-primarytint: unset; --tile-secondarytint: unset; --tile-name: 'editorial--tile--relatedtopics'; --tile-background: rgba(0, 0, 0, 0.05); --tile-background-hover: rgba(0, 0, 0, 0.05); --tile-padding: var(--grid-column) var(--site--core-padding); --tint: var(--theme-secondarytint); } .layout nav[data-db='n1'] > * { color: #212121; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 18px 0; box-sizing: border-box; color: var(--tile-primarytint); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: var(--tile-direction); -ms-flex-direction: var(--tile-direction); flex-direction: var(--tile-direction); -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: var(--tile-padding); text-decoration: none; } @media (min-width: 655px) and (max-width: 1599.9px) { .layout nav[data-db='n1'] { margin-left: calc(var(--site--core-margin-right) * -1); margin-right: calc(var(--site--core-margin-left) * -1); } } .layout nav[data-db='n1'] > * { display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout nav[data-db='n1'] > * + * { margin-top: var(--grid-column); } .layout nav[data-db='n1'] h2, .layout nav[data-db='n1'] h3 { color: var(--tint); font-family: "STMatilda Brand", serif; font-size: 1.5625rem; font-weight: normal; line-height: 1.6875rem; margin: 5px 0 var(--grid-column); overflow: hidden; text-align: center; text-overflow: ellipsis; text-transform: lowercase; } .layout nav[data-db='n1'] ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; list-style: none; margin: -5px -5px 10px; padding: 0; } .layout nav[data-db='n1'] ul li { padding: 5px; } .layout nav[data-db='n1'] ul li a { color: currentColor; background-color: transparent; border: 1px solid var(--tint); border-radius: 2px; color: var(--tint); display: block; font-size: 0.875rem; padding: 5px 10px; text-align: center; text-decoration: none; transition: all 0.1s; } .layout nav[data-db='n1'] ul li a:hover { background-color: rgba(0, 0, 0, 0.05); border-color: var(--tint); } .layout nav[data-db='n1'] ul li a:active { background-color: rgba(0, 0, 0, 0.15); -webkit-transform: translatey(1px); transform: translatey(1px); } @media (min-width: 768px) { .layout nav[data-db='n1'] { --tile-padding: calc(var(--grid-column) + var(--grid-gap)); } .layout nav[data-db='n1'] h2, .layout nav[data-db='n1'] h3 { margin: 0 0 var(--grid-column); text-align: left; } .layout nav[data-db='n1'] h2 br, .layout nav[data-db='n1'] h2 span, .layout nav[data-db='n1'] h3 br, .layout nav[data-db='n1'] h3 span { display: none; } .layout nav[data-db='n1'] ul { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1280px) { .layout nav[data-db='n1'] > * { display: grid; grid-gap: calc(var(--grid-column) + var(--grid-gap)); grid-template-columns: auto 1fr; } .layout nav[data-db='n1'] nav { display: contents; } .layout nav[data-db='n1'] h2, .layout nav[data-db='n1'] h3 { -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; grid-column: 1; margin: 0; } .layout nav[data-db='n1'] ul { grid-column: 2; margin: -5px; } } .layout .tile-ad { display: none; } @media (max-width: 959.9px) { .layout .tile-ad:not([data-mg]) { display: none !important; } } @media (min-width: 960px) { .layout .tile-ad:not([data-dg]) { display: none !important; } } .layout .tile-ad.ad-active { border: solid; border-color: rgba(67, 67, 67, 0.1); border-width: 0 0 1px; margin-bottom: 15px; background: var(--tile-background); border: var(--tile-border); border-color: var(--tile-border-color); border-radius: var(--tile-border-radius, 0); border-width: var(--tile-border-width); display: -webkit-flex; display: -ms-flexbox; display: flex; margin: var(--tile-margin); min-height: var(--tile-min-height); position: relative; --tile-background: unset; --tile-border: unset; --tile-border-color: unset; --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-name: "tile-initial"; --tile-padding: var(--grid-column); --tile-primarytint: unset; --tile-secondarytint: unset; --tile-name: "tile--ad-initial"; --tile-background: rgba(0, 0, 0, 0.03); } .layout .tile-ad.ad-active > * { color: #212121; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 18px 0; box-sizing: border-box; color: var(--tile-primarytint); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: var(--tile-direction); -ms-flex-direction: var(--tile-direction); flex-direction: var(--tile-direction); -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: var(--tile-padding); text-decoration: none; } .layout .tile-ad.ad-active:not(.native-ad) { --tile-name: "tile--ad-iframe"; --tile-background: rgba(0, 0, 0, 0.03); --tile-padding: 0; } .layout .tile-ad.ad-active.native-ad { --w1-small: 500 0.8125rem/1.3 "STMatilda Info Variable", system-ui, sans-serif; --w1-title: 750 1.04375rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; --w1-text: 420 0.9375rem/1.25 "STMatilda Info Variable", system-ui, sans-serif; --w2-small: var(--w1-small); --w2-title: 800 1.0625rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; --w2-text: var(--w1-text); --w3-title: 800 1.3125rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; --w3-text: var(--w1-text); --w4-title: 800 1.5625rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; --w4-text: var(--w1-text); --w5-title: var(--w4-title); --w5-text: 420 1rem/1.2 "STMatilda Info Variable", system-ui, sans-serif; --tile-name: "tile--article-initial"; --tile-border: unset; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: row; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: unset; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: unset; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0 var(--grid-column); --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w1-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w1-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); min-height: var(--tile-min-height); --tile-name: "tile--ad-native" !important; --tile-background: rgba(0, 0, 0, 0.03) !important; --theme-primarydeco: #4a4a4a !important; } @media (min-width: 960px) { .layout .tile-ad.ad-active.native-ad { --w4-title: 800 1.4375rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; } } @media (min-width: 1690px) { .layout .tile-ad.ad-active.native-ad { --w1-text: 420 0.9375rem/1.25 "STMatilda Info Variable", system-ui, sans-serif; --w2-text: var(--w1-text); --w3-text: var(--w1-text); --w4-text: var(--w1-text); --w4-title: 800 1.5625rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; --w5-title: 800 1.875rem/1 "STMatilda Info Variable", system-ui, sans-serif; } } .layout .tile-ad.ad-active.native-ad .teaser-inner { color: var(--tile-secondarytint); position: relative; } .layout .tile-ad.ad-active.native-ad .teaser-inner > a { color: currentColor; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: var(--tile-direction); -ms-flex-direction: var(--tile-direction); flex-direction: var(--tile-direction); -webkit-flex-grow: var(--teaser-grow); -ms-flex-positive: var(--teaser-grow); flex-grow: var(--teaser-grow); max-width: 100%; padding: var(--tile-padding); text-decoration: none; } .layout .tile-ad.ad-active.native-ad .teaser-inner > div { color: currentColor; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: var(--tile-direction); -ms-flex-direction: var(--tile-direction); flex-direction: var(--tile-direction); -webkit-flex-grow: var(--teaser-grow); -ms-flex-positive: var(--teaser-grow); flex-grow: var(--teaser-grow); max-width: 100%; padding: var(--tile-padding); } .layout .tile-ad.ad-active.native-ad .teaser-inner > div > a { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .layout .tile-ad.ad-active.native-ad .js-native-ad > a { color: currentColor; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: var(--tile-direction); -ms-flex-direction: var(--tile-direction); flex-direction: var(--tile-direction); -webkit-flex-grow: var(--teaser-grow); -ms-flex-positive: var(--teaser-grow); flex-grow: var(--teaser-grow); max-width: 100%; padding: var(--tile-padding); text-decoration: none; } .layout .tile-ad.ad-active.native-ad div.teaser-inner { padding: 0; } .layout .tile-ad.ad-active.native-ad figure { -webkit-align-self: var(--figure-align); -ms-flex-item-align: var(--figure-align); align-self: var(--figure-align); background: rgba(0, 0, 0, 0.1); display: var(--figure-display); -webkit-flex-basis: var(--figure-basis); -ms-flex-preferred-size: var(--figure-basis); flex-basis: var(--figure-basis); line-height: 0; margin: 0; max-height: var(--figure-maxheight); max-width: var(--figure-maxwidth); min-height: var(--figure-minheight); min-width: var(--figure-minwidth); position: var(--figure-position, relative); right: var(--figure-right); width: var(--figure-width); z-index: 0; } .layout .tile-ad.ad-active.native-ad figure picture { box-sizing: border-box; display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: var(--figure-minheight); padding-bottom: calc(100% / var(--figure-aspectratio)); position: relative; } .layout .tile-ad.ad-active.native-ad figure .duration { bottom: 0; color: #fff; display: var(--figure-duration-display, block); -webkit-filter: drop-shadow(0 2px 2px black); filter: drop-shadow(0 2px 2px black); left: 0; margin: 0; padding: var(--figure-duration-padding); position: absolute; right: 0; text-align: right; } .layout .tile-ad.ad-active.native-ad figure .duration::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxOSI+PHBhdGggZD0iTTkuNSAxNS44MzNBNi4zMzMgNi4zMzMgMCAxIDEgMTUuODMzIDkuNSA2LjM0MiA2LjM0MiAwIDAgMSA5LjUgMTUuODMzbTAtMTQuMjVBNy45MTcgNy45MTcgMCAxIDAgMTcuNDE3IDkuNSA3LjkxNyA3LjkxNyAwIDAgMCA5LjUgMS41ODNNNy45MTYgMTMuMDYybDQuNzUtMy41NjMtNC43NS0zLjU2MloiIHN0eWxlPSJmaWxsOiB2YXIoLS10aGVtZS1wcmltYXJ5ZGVjbywgI2ZmZmZmZikiLz48L3N2Zz4="); height: 19px; width: 19px; } .layout .tile-ad.ad-active.native-ad figure img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .layout .tile-ad.ad-active.native-ad figure footer, .layout .tile-ad.ad-active.native-ad figure figcaption { display: none; } .layout .tile-ad.ad-active.native-ad header { -webkit-align-content: var(--header-align-content); -ms-flex-line-pack: var(--header-align-content); align-content: var(--header-align-content); -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-self: var(--header-align-self); -ms-flex-item-align: var(--header-align-self); align-self: var(--header-align-self); background: var(--header-background); border: var(--header-border); border-width: var(--header-border-width); box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-grow: var(--header-grow, 1); -ms-flex-positive: var(--header-grow, 1); flex-grow: var(--header-grow, 1); -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: var(--header-margin); -webkit-order: var(--header-order); -ms-flex-order: var(--header-order); order: var(--header-order); padding: var(--header-padding); position: relative; text-shadow: var(--header-text-shadow); } .layout .tile-ad.ad-active.native-ad header .duration { display: inline; -webkit-filter: var(--header-duration-filter, inital); filter: var(--header-duration-filter, inital); margin: var(--header-duration-margin); margin-left: -1px; } .layout .tile-ad.ad-active.native-ad header .duration::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxOSI+PHBhdGggZD0iTTkuNSAxNS44MzNBNi4zMzMgNi4zMzMgMCAxIDEgMTUuODMzIDkuNSA2LjM0MiA2LjM0MiAwIDAgMSA5LjUgMTUuODMzbTAtMTQuMjVBNy45MTcgNy45MTcgMCAxIDAgMTcuNDE3IDkuNSA3LjkxNyA3LjkxNyAwIDAgMCA5LjUgMS41ODNNNy45MTYgMTMuMDYybDQuNzUtMy41NjMtNC43NS0zLjU2MloiIGZpbGw9IiM0MzQzNDMiLz48L3N2Zz4="); height: 19px; width: 19px; } .layout .tile-ad.ad-active.native-ad figure + header .duration { display: var(--header-duration-display, none); } .layout .tile-ad.ad-active.native-ad .teaser-kicker, .layout .tile-ad.ad-active.native-ad .teaser-postingcount, .layout .tile-ad.ad-active.native-ad .teaser-title, .layout .tile-ad.ad-active.native-ad .teaser-subtitle { max-width: 550px; } .layout .tile-ad.ad-active.native-ad .teaser-postingcount, .layout .tile-ad.ad-active.native-ad .teaser-kicker { font: var(--kicker-font); letter-spacing: 0.01em; } .layout .tile-ad.ad-active.native-ad .duration { color: #434343; font: var(--kicker-font); font-weight: 700; line-height: 1.1875rem; z-index: 1; } .layout .tile-ad.ad-active.native-ad .duration::before { content: ''; display: inline-block; margin-right: 0.125rem; position: relative; top: 0.3125rem; } .layout .tile-ad.ad-active.native-ad .teaser-postingcount { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-order: -4; -ms-flex-order: -4; order: -4; } .layout .tile-ad.ad-active.native-ad .teaser-postingcount:empty { display: none; } .layout .tile-ad.ad-active.native-ad .teaser-postingcount span:not(.sr-only) { display: none; } .layout .tile-ad.ad-active.native-ad .teaser-postingcount:not(:empty)::before { content: '\1F5E9'; content: '\1F5E9' / ''; font-family: "STMatilda Info Variable", system-ui, sans-serif; margin-right: 1px; } .layout .tile-ad.ad-active.native-ad .teaser-postingcount:empty.teaser-postingcount-community:empty { display: block; } .layout .tile-ad.ad-active.native-ad .teaser-postingcount:not(:empty) + .teaser-kicker { margin-right: 10px; } .layout .tile-ad.ad-active.native-ad .teaser-kicker { margin: 0 1ex 0 0; -webkit-order: -5; -ms-flex-order: -5; order: -5; text-transform: uppercase; } .layout .tile-ad.ad-active.native-ad .breakinglabel { color: var(--theme-secondarydeco); font: var(--kicker-font); font-weight: 700; letter-spacing: 0.01em; margin-right: 1ex; -webkit-order: -4; -ms-flex-order: -4; order: -4; padding: 1px 3px; text-transform: uppercase; } .layout .tile-ad.ad-active.native-ad .breakinglabel[data-label-name='exclusive'] { background-color: var(--theme-primarydeco); } .layout .tile-ad.ad-active.native-ad .breakinglabel[data-label-name='breakingnews'] { background-color: var(--theme-live-primarydeco); } .layout .tile-ad.ad-active.native-ad .breakinglabel + .teaser-postingcount { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .layout .tile-ad.ad-active.native-ad .storylabels { color: var(--theme--on-secondary); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: var(--kicker-font); font-weight: 700; letter-spacing: 0.01em; margin: var(--label-margin); text-transform: uppercase; } .layout .tile-ad.ad-active.native-ad .storylabels span { background-color: var(--theme--secondary); margin-left: -3px; padding: 1px 3px; white-space: nowrap; } .layout .tile-ad.ad-active.native-ad .storylabels > *:not(:last-child) { margin-right: 0.5ex; } .layout .tile-ad.ad-active.native-ad .storylabels [data-label-livemode] { background: none; color: var(--tile-primarytint); -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 1px 3px 1px 0; } .layout .tile-ad.ad-active.native-ad .storylabels [data-label-category][data-label-name='Livebericht'], .layout .tile-ad.ad-active.native-ad .storylabels [data-label-category][data-label-name='Liveticker'], .layout .tile-ad.ad-active.native-ad .storylabels [data-label-category][data-label-name='Chat'], .layout .tile-ad.ad-active.native-ad .storylabels [data-label-category][data-label-name='Forum+'] { background-color: var(--theme-primarydeco); color: var(--theme-secondarydeco); margin-left: -3px; margin-right: 1ex; padding: 1px 3px; } .layout .tile-ad.ad-active.native-ad .duration + .storylabels [data-label-name='Video'] { display: none; } .layout .tile-ad.ad-active.native-ad.is-opinion .duration + .storylabels span { margin-left: 0; } .layout .tile-ad.ad-active.native-ad .teaser-title { color: var(--tile-primarytint); -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: var(--title-font); margin: 0.5ex 0 0; min-width: 100%; -webkit-order: -3; -ms-flex-order: -3; order: -3; position: relative; } .layout .tile-ad.ad-active.native-ad .teaser-subtitle { display: var(--subtitle-display); -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: var(--subtitle-font); margin: var(--subtitle-topmargin) 0 0; min-width: 100%; -webkit-order: -2; -ms-flex-order: -2; order: -2; } .layout .tile-ad.ad-active.native-ad ul { background: var(--attachments-background); display: var(--attachments-display); font: var(--subtitle-font); margin: var(--attachments-margin); padding: var(--attachments-padding); z-index: 2; } .layout .tile-ad.ad-active.native-ad ul::before { content: 'Mehr zum Thema:'; display: inline-block; font-weight: bold; margin-bottom: 0.3125rem; margin-top: 1.2ex; } .layout .tile-ad.ad-active.native-ad ul li { margin-bottom: 0.2em; margin-left: 2.1ex; } .layout .tile-ad.ad-active.native-ad ul a { color: currentColor; display: block; text-decoration: none; } .layout .tile-ad.ad-active.native-ad ul a:hover { text-decoration: underline; } .layout .tile-ad.ad-active.native-ad ul .teaser-postingcount { display: inline; } .layout .tile-ad.ad-active.native-ad.fig::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout .tile-ad.ad-active.native-ad:not(.fig) figure + header, .layout .tile-ad.ad-active.native-ad.fig > * { --header-border-width: var(--header-contextual-border-width); --header-margin: var(--header-figure-contextual-margin); --kicker-font: var(--kicker-contextual-font); --subtitle-font: var(--subtitle-contextual-font); --subtitle-topmargin: var(--subtitle-contextual-topmargin); --title-font: var(--title-contextual-font); --subtitle-display: var(--subtitle-figure-contextual-display); --attachments-margin: var(--attachments-figure-contextual-margin); } .layout .tile-ad.ad-active.native-ad.att > * { --teaser-grow: var(--teaser-attachments-contextual-grow); --subtitle-display: var(--subtitle-attachments-contextual-display); --header-padding: var(--header-attachments-contextual-padding); } .layout .tile-ad.ad-active.native-ad.fig.att > * { --attachments-display: var(--attachments-figure-contextual-display); } .layout .tile-ad.ad-active.native-ad[data-type='live'] { --tile-primarytint: var(--theme-live-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-live-secondarytint, var(--theme-secondarytint)) !important; --theme-primarydeco: var(--theme-live-primarydeco) !important; --theme-secondarydeco: var(--theme-live-secondarydeco) !important; } .layout .tile-ad.ad-active.native-ad.is-ugc { --tile-primarytint: var(--theme-ugc-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-ugc-secondarytint, var(--theme-secondarytint)) !important; --theme-primarydeco: var(--theme-ugc-primarydeco) !important; } .layout .tile-ad.ad-active.native-ad.is-ugc .storylabels span { color: var(--theme-primarydeco); } .layout .tile-ad.ad-active.native-ad.is-opinion { --tile-background: var(--theme-opinion-background) !important; --tile-primarytint: var(--theme-opinion-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-opinion-secondarytint, var(--theme-secondarytint)) !important; --theme-primarydeco: var(--theme-opinion-primarydeco) !important; } .layout .tile-ad.ad-active.native-ad.is-opinion .storylabels span { background-color: var(--theme-primarydeco); color: var(--theme-opinion-secondarydeco); margin-left: -3px; padding: 1px 3px; } .layout .tile-ad.ad-active.native-ad[data-type='community-topic'], .layout .tile-ad.ad-active.native-ad.is-community { --tile-primarytint: var(--theme-community-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-community-secondarytint, var(--theme-secondarytint)) !important; --theme--on-secondary: var(--theme-community-primarydeco) !important; } .layout .tile-ad.ad-active.native-ad[data-type='community-topic'] .teaser-kicker *, .layout .tile-ad.ad-active.native-ad.is-community .teaser-kicker * { text-transform: none; } .layout .tile-ad.ad-active.native-ad[data-type='community-topic'] .teaser-kicker svg, .layout .tile-ad.ad-active.native-ad.is-community .teaser-kicker svg { height: 13px; margin-left: 4px; opacity: 70%; vertical-align: text-top; width: 13px; } .layout .tile-ad.ad-active.native-ad[data-type='community-topic'] .teaser-footer, .layout .tile-ad.ad-active.native-ad.is-community .teaser-footer { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .layout .tile-ad.ad-active.native-ad[data-type='community-topic'] .storylabels + .teaser-postingcount:not(:empty), .layout .tile-ad.ad-active.native-ad.is-community .storylabels + .teaser-postingcount:not(:empty) { border-left: 1px solid var(--tile-border-color); padding-left: 5px; } .layout .tile-ad.ad-active.native-ad[data-type='community-topic'] .storylabels, .layout .tile-ad.ad-active.native-ad.is-community .storylabels { -webkit-flex-basis: initial; -ms-flex-preferred-size: initial; flex-basis: initial; } .layout .tile-ad.ad-active.native-ad[data-type='community-topic'] .teaser-postingcount, .layout .tile-ad.ad-active.native-ad.is-community .teaser-postingcount { -webkit-order: initial; -ms-flex-order: initial; order: initial; } .layout .tile-ad.ad-active.native-ad[data-type='community-topic'] dst-readlater, .layout .tile-ad.ad-active.native-ad.is-community dst-readlater { margin-left: auto !important; } .layout .tile-ad.ad-active.native-ad.is-promotion { --tile-background: rgba(0, 0, 0, 0.03) !important; --theme-primarydeco: #747574 !important; } .layout .tile-ad.ad-active.native-ad.is-promotion header::after { color: var(--theme-primarydeco); content: 'WERBUNG'; font: var(--kicker-font); font-weight: 700; letter-spacing: 0.01em; margin-right: 1ex; margin-top: 1ex; text-transform: uppercase; width: auto !important; } .custom-slider .layout .tile-ad.ad-active.native-ad { --border-radius: 5px; border-radius: var(--border-radius); } .custom-slider .layout .tile-ad.ad-active.native-ad header { --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) 0.625rem 0.9375rem; border-radius: 0 0 var(--border-radius) var(--border-radius); display: block; } @media (min-width: 960px) { .custom-slider .layout .tile-ad.ad-active.native-ad header { --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) 0.9375rem 1.25rem; --title-font: var(--w2-title) !important; } } .custom-slider .layout .tile-ad.ad-active.native-ad .teaser-kicker { left: 0; line-height: 0.9375rem; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 0.75rem; } .custom-slider .layout .tile-ad.ad-active.native-ad .teaser-kicker::before { content: ''; display: inline-block; margin-right: 8px; position: relative; top: 5px; } .custom-slider .layout .tile-ad.ad-active.native-ad .teaser-postingcount { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .custom-slider .layout .tile-ad.ad-active.native-ad .storylabels { display: none; } .custom-slider .layout .tile-ad.ad-active.native-ad h1 { font-weight: 700; min-height: 2.5rem; text-align: center; } .custom-slider .layout .tile-ad.ad-active.native-ad figure { border-radius: var(--border-radius); } .custom-slider .layout .tile-ad.ad-active.native-ad figure img { border-radius: var(--border-radius); } .custom-slider .layout .tile-ad.ad-active.native-ad.is-podcast-story header { background: transparent; } .custom-slider .layout .tile-ad.ad-active.native-ad.is-podcast-story .teaser-kicker::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJtYXRyaXgoMC45NSwwLDAsMC45NSw2Ljc4MTE1ZS0wNiwxKSIgZD0iTTEwLDIwQzQuNTE0LDIwIDAsMTUuNDg2IDAsMTBDMCw3LjM0OSAxLjA1NCw0LjgwNCAyLjkyOSwyLjkyOUM0LjgwNiwxLjAzNSA3LjM2NSwwIDEwLjAzMSwwQzE1LjUxNywtMCAyMCw0LjUxNCAyMCwxMEMyMCwxMi42NjYgMTguOTY1LDE1LjE5NCAxNy4wNzEsMTcuMDcxQzE1LjIsMTguOTUyIDEyLjY1MywyMC4wMDcgMTAsMjBaTTkuOTY3LDExLjg4M0M4LjMxMywxMS44ODMgNi45NjcsMTIuNTU2IDYuOTY3LDEzLjM4M0w2Ljk2NywxNS4zMzNMMTIuOTY3LDE1LjMzM0wxMi45NjcsMTMuMzgzQzEyLjk2NywxMi41NTYgMTEuNjIxLDExLjg4MyA5Ljk2NywxMS44ODNaTTkuOTY3LDQuNTMzQzEyLjc2NCw0LjUzNCAxNS4wNjYsNi44MzYgMTUuMDY2LDkuNjMzQzE1LjA2NiwxMC42NTEgMTQuNzYxLDExLjY0NiAxNC4xOTEsMTIuNDg5TDE1LjA5MSwxMy4yOTlDMTUuODU2LDEyLjIzIDE2LjI2NywxMC45NDggMTYuMjY3LDkuNjM0QzE2LjI2Nyw2LjE3OCAxMy40MjMsMy4zMzQgOS45NjcsMy4zMzRDNi41MTEsMy4zMzQgMy42NjcsNi4xNzggMy42NjcsOS42MzRDMy42NjcsMTAuOTQ4IDQuMDc4LDEyLjIzIDQuODQzLDEzLjI5OUw1Ljc0MywxMi40ODlDNS4xNzMsMTEuNjQ2IDQuODY4LDEwLjY1MSA0Ljg2OCw5LjYzM0M0Ljg2OCw2LjgzNiA3LjE3LDQuNTM0IDkuOTY3LDQuNTMzWk05Ljk1Niw2LjkzM0w5Ljk3OCw2LjkzM0MxMS40NTMsNi45MzMgMTIuNjY3LDguMTQ3IDEyLjY2Nyw5LjYyMkMxMi42NjcsOS42MjYgMTIuNjY3LDkuNjI5IDEyLjY2Nyw5LjYzM0MxMi42NjcsMTAuMDU5IDEyLjU2NCwxMC40NzkgMTIuMzY3LDEwLjg1N0wxMy4yOTEsMTEuNjc5QzEzLjY2OCwxMS4wNjUgMTMuODY3LDEwLjM1OSAxMy44NjcsOS42MzlDMTMuODY3LDcuNSAxMi4xMDYsNS43MzkgOS45NjcsNS43MzlDNy44MjgsNS43MzkgNi4wNjcsNy41IDYuMDY3LDkuNjM5QzYuMDY3LDEwLjM1OSA2LjI2NiwxMS4wNjUgNi42NDMsMTEuNjc5TDcuNTY3LDEwLjg1N0M3LjM3LDEwLjQ3OSA3LjI2NywxMC4wNTkgNy4yNjcsOS42MzNDNy4yNjcsOS42MjkgNy4yNjcsOS42MjYgNy4yNjcsOS42MjJDNy4yNjcsOC4xNDcgOC40ODEsNi45MzMgOS45NTYsNi45MzNaTTkuOTY3LDguMTMzQzkuMTQ0LDguMTMzIDguNDY3LDguODEgOC40NjcsOS42MzNDOC40NjcsMTAuNDU2IDkuMTQ0LDExLjEzMyA5Ljk2NywxMS4xMzNDMTAuNzksMTEuMTMzIDExLjQ2NywxMC40NTYgMTEuNDY3LDkuNjMzQzExLjQ2Nyw4LjgxIDEwLjc5LDguMTMzIDkuOTY3LDguMTMzWiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); height: 20px; width: 20px; } .custom-slider .layout .tile-ad.ad-active.native-ad.is-video-story { --figure-duration-display: none; --header-duration-display: none; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); } .custom-slider .layout .tile-ad.ad-active.native-ad.is-video-story .teaser-kicker::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggdHJhbnNmb3JtPSJtYXRyaXgoMC45NSwwLDAsMC45NSw2Ljc4MTE1ZS0wNiwxKSIgZD0iTTEwLDIwQTEwLDEwLDAsMSwxLDIwLDEwLDEwLjAxMSwxMC4wMTEsMCwwLDEsMTAsMjBaTTguMjE3LDYuMDkzYS4zLjMsMCwwLDAtLjMuM3Y3LjIxMmEuMy4zLDAsMCwwLC4zLjMuMy4zLDAsMCwwLC4xNjYtLjA1MWw1LjQwOS0zLjYwNWEuMy4zLDAsMCwwLDAtLjVMOC4zODMsNi4xNDRBLjMuMywwLDAsMCw4LjIxNyw2LjA5M1oiIHN0eWxlPSJmaWxsOiB2YXIoLS10aW50LCAjZmZmZikiLz48L3N2Zz4="); height: 20px; width: 20px; } .layout .tile-ad.ad-active.native-ad .teaser-footer { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: auto; min-height: 21px; padding-top: 4px; } .layout .tile-ad.ad-active.native-ad .teaser-footer dst-rl-timestamp { display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 12px; opacity: 0.9; position: relative; z-index: 2; } .layout .tile-ad.ad-active.native-ad .teaser-footer dst-readlater { margin: -11px; position: relative; z-index: 2; } .layout .tile-ad.ad-active.native-ad .storylabels span { background-color: transparent; color: var(--theme-primarydeco); margin-left: 0; padding: 0; } @media (max-width: 767.9px) { .layout .tile-ad.ad-active.native-ad[data-mt='4x2'] { --tile-name: "MOBILE / tile--article-4x2m"; --tile-border: solid; --tile-background: unset; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: row; --tile-margin: unset; --tile-min-height: initial; --tile-padding: var(--grid-gap) var(--site--core-padding); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.33333; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 0.625rem 0.375rem 0.25rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 110px; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: 100%; --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: 0; --header-align-content: flex-start; --header-align-self: center; --header-order: -1; --header-text-shadow: unset; --header-margin: 0; --header-figure-contextual-margin: 0 var(--grid-gap) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w1-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w1-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: none; --subtitle-figure-contextual-display: none; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: none; --attachments-figure-contextual-display: none; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); --label-fontsize: 0.6875rem; --label-lineheight: 1.0625rem; --label-position: static; } .layout .tile-ad.ad-active.native-ad[data-mt='4x3'] { --tile-name: "MOBILE / tile--article-4x3m"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: var(--grid-column) var(--site--core-padding); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 2; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 0.9375rem 0.625rem 0.5rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 120px; --figure-maxwidth: 220px; --figure-align: flex-start; --figure-position: unset; --figure-width: 60%; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: var(--grid-gap) 0 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w2-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w2-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--grid-column) * -1) var(--site--core-padding) var(--grid-column); --attachments-figure-contextual-margin: calc(var(--grid-column) * -1) var(--site--core-padding) var(--grid-column); --attachments-padding: 0; } .layout .tile-ad.ad-active.native-ad[data-mt='4x4'] { --tile-name: "MOBILE / tile--article-4x4m"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: var(--grid-column) var(--site--core-padding); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 2; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: var(--grid-gap) 0 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w3-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--grid-column) * -1) var(--site--core-padding) var(--grid-column); --attachments-figure-contextual-margin: calc(var(--grid-column) * -1) var(--site--core-padding) var(--grid-column); --attachments-padding: 0; } } @media (min-width: 768px) { .layout .tile-ad.ad-active.native-ad[data-mt='4x2'] { --tile-name: "TABLET / tile--article-4x2t"; --tile-border: solid; --tile-background: unset; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: row; --tile-margin: calc(var(--row-gap) * -1) var(--single-column-and-gap) 0; --tile-min-height: initial; --tile-padding: var(--grid-column) var(--single-column-and-gap); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77778; --figure-basis: calc(var(--grid-block-width) * 2 + var(--grid-gap)); --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: calc(var(--grid-block-width) * 2 + var(--grid-gap)); --figure-maxwidth: calc(var(--grid-block-width) * 2 + var(--grid-gap)); --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: -1; --header-text-shadow: unset; --header-margin: 0; --header-figure-contextual-margin: 0 var(--grid-column) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w2-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w2-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: none; --attachments-figure-contextual-display: none; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); } .layout .tile-ad.ad-active.native-ad[data-mt='4x3'] { --tile-name: "TABLET / tile--article-4x3t"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: 0 var(--single-column-and-gap); --tile-min-height: initial; --tile-padding: var(--single-column-and-gap); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 2; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: var(--grid-column) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w3-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--single-column-and-gap) * -1) var(--single-column-and-gap) var(--single-column-and-gap); --attachments-figure-contextual-margin: calc(var(--single-column-and-gap) * -1) var(--single-column-and-gap) var(--single-column-and-gap); --attachments-padding: 0; } .layout .tile-ad.ad-active.native-ad[data-mt='4x4'] { --tile-name: "TABLET / tile--article-4x4t"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: 0 var(--single-column-and-gap); --tile-min-height: initial; --tile-padding: var(--single-column-and-gap); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77778; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: var(--grid-column) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 3.2ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--single-column-and-gap) * -1) var(--single-column-and-gap) var(--single-column-and-gap); --attachments-figure-contextual-margin: calc(var(--single-column-and-gap) * -1) var(--single-column-and-gap) var(--single-column-and-gap); --attachments-padding: 0; } } @media (min-width: 960px) { .layout .tile-ad.ad-active.native-ad[data-dt='3x3'] { --tile-name: "tile--article-3x3"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 15px; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77778; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--grid-gap) 0 0; --header-attachments-contextual-padding: var(--grid-gap) 0 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w2-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w2-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: none; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: none; --attachments-margin: -20px 15px 20px; --attachments-figure-contextual-margin: 0; --attachments-padding: 0; } .layout .tile-ad.ad-active.native-ad[data-dt='3x4'] { --tile-name: "tile--article-3x4"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 15px; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77632; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--grid-gap) 0 0; --header-attachments-contextual-padding: var(--grid-gap) 0 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w2-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w2-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: -20px 15px 20px; --attachments-figure-contextual-margin: -20px 15px 20px; --attachments-padding: 0; } .layout .tile-ad.ad-active.native-ad[data-dt='4x3'] { --subtitle-figure-contextual-display: block !important; --tile-name: "tile--article-4x3"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 15px; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77778; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--grid-gap) 0 0; --header-attachments-contextual-padding: var(--grid-gap) 0 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w2-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: none; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: none; --attachments-margin: -20px 15px 20px; --attachments-figure-contextual-margin: 0; --attachments-padding: 0; } .layout .tile-ad.ad-active.native-ad[data-dt='4x4'] { --tile-name: "tile--article-4x3"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 15px; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77778; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--grid-gap) 0 0; --header-attachments-contextual-padding: var(--grid-gap) 0 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w2-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: -20px 15px 20px; --attachments-figure-contextual-margin: -20px 15px 20px; --attachments-padding: 0; } } .layout .tile-ad.ad-active .ad-understitial { --ad--understitial-offset-left: 0; } .layout .tile-ad.ad-active .ad-understitial.ad-full-width { --ad--understitial-offset-left: -25px; --ad--understitial-offset-right: -25px; } @media (max-width: 654.9px) { .layout .tile-ad.ad-active .ad-understitial.ad-full-width { --ad--understitial-offset-left: 0; --ad--understitial-offset-right: 0; } } .layout .tile-ad.ad-active .ad-understitial[data-ad-provider] .ad-understitial-wrapper::after { right: 25px; } @media (max-width: 654.9px) { .layout .tile-ad.ad-active .ad-understitial[data-ad-provider] .ad-understitial-wrapper::after { right: 3px; } } .layout article { border: solid; border-color: rgba(67, 67, 67, 0.1); border-width: 0 0 1px; margin-bottom: 15px; background: var(--tile-background); border: var(--tile-border); border-color: var(--tile-border-color); border-radius: var(--tile-border-radius, 0); border-width: var(--tile-border-width); display: -webkit-flex; display: -ms-flexbox; display: flex; margin: var(--tile-margin); min-height: var(--tile-min-height); position: relative; --tile-background: unset; --tile-border: unset; --tile-border-color: unset; --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-name: "tile-initial"; --tile-padding: var(--grid-column); --tile-primarytint: unset; --tile-secondarytint: unset; --w1-small: 500 0.8125rem/1.3 "STMatilda Info Variable", system-ui, sans-serif; --w1-title: 750 1.04375rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; --w1-text: 420 0.9375rem/1.25 "STMatilda Info Variable", system-ui, sans-serif; --w2-small: var(--w1-small); --w2-title: 800 1.0625rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; --w2-text: var(--w1-text); --w3-title: 800 1.3125rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; --w3-text: var(--w1-text); --w4-title: 800 1.5625rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; --w4-text: var(--w1-text); --w5-title: var(--w4-title); --w5-text: 420 1rem/1.2 "STMatilda Info Variable", system-ui, sans-serif; --tile-name: "tile--article-initial"; --tile-border: unset; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: row; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: unset; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: unset; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0 var(--grid-column); --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w1-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w1-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); min-height: var(--tile-min-height); } @media (max-width: 959.9px) { .layout article:not([data-mg]) { display: none !important; } } @media (min-width: 960px) { .layout article:not([data-dg]) { display: none !important; } } .layout article > * { color: #212121; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 18px 0; box-sizing: border-box; color: var(--tile-primarytint); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: var(--tile-direction); -ms-flex-direction: var(--tile-direction); flex-direction: var(--tile-direction); -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: var(--tile-padding); text-decoration: none; } @media (min-width: 960px) { .layout article { --w4-title: 800 1.4375rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; } } @media (min-width: 1690px) { .layout article { --w1-text: 420 0.9375rem/1.25 "STMatilda Info Variable", system-ui, sans-serif; --w2-text: var(--w1-text); --w3-text: var(--w1-text); --w4-text: var(--w1-text); --w4-title: 800 1.5625rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; --w5-title: 800 1.875rem/1 "STMatilda Info Variable", system-ui, sans-serif; } } .layout article .teaser-inner { color: var(--tile-secondarytint); position: relative; } .layout article .teaser-inner > a { color: currentColor; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: var(--tile-direction); -ms-flex-direction: var(--tile-direction); flex-direction: var(--tile-direction); -webkit-flex-grow: var(--teaser-grow); -ms-flex-positive: var(--teaser-grow); flex-grow: var(--teaser-grow); max-width: 100%; padding: var(--tile-padding); text-decoration: none; } .layout article .teaser-inner > div { color: currentColor; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: var(--tile-direction); -ms-flex-direction: var(--tile-direction); flex-direction: var(--tile-direction); -webkit-flex-grow: var(--teaser-grow); -ms-flex-positive: var(--teaser-grow); flex-grow: var(--teaser-grow); max-width: 100%; padding: var(--tile-padding); } .layout article .teaser-inner > div > a { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .layout article .js-native-ad > a { color: currentColor; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: var(--tile-direction); -ms-flex-direction: var(--tile-direction); flex-direction: var(--tile-direction); -webkit-flex-grow: var(--teaser-grow); -ms-flex-positive: var(--teaser-grow); flex-grow: var(--teaser-grow); max-width: 100%; padding: var(--tile-padding); text-decoration: none; } .layout article div.teaser-inner { padding: 0; } .layout article figure { -webkit-align-self: var(--figure-align); -ms-flex-item-align: var(--figure-align); align-self: var(--figure-align); background: rgba(0, 0, 0, 0.1); display: var(--figure-display); -webkit-flex-basis: var(--figure-basis); -ms-flex-preferred-size: var(--figure-basis); flex-basis: var(--figure-basis); line-height: 0; margin: 0; max-height: var(--figure-maxheight); max-width: var(--figure-maxwidth); min-height: var(--figure-minheight); min-width: var(--figure-minwidth); position: var(--figure-position, relative); right: var(--figure-right); width: var(--figure-width); z-index: 0; } .layout article figure picture { box-sizing: border-box; display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: var(--figure-minheight); padding-bottom: calc(100% / var(--figure-aspectratio)); position: relative; } .layout article figure .duration { bottom: 0; color: #fff; display: var(--figure-duration-display, block); -webkit-filter: drop-shadow(0 2px 2px black); filter: drop-shadow(0 2px 2px black); left: 0; margin: 0; padding: var(--figure-duration-padding); position: absolute; right: 0; text-align: right; } .layout article figure .duration::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxOSI+PHBhdGggZD0iTTkuNSAxNS44MzNBNi4zMzMgNi4zMzMgMCAxIDEgMTUuODMzIDkuNSA2LjM0MiA2LjM0MiAwIDAgMSA5LjUgMTUuODMzbTAtMTQuMjVBNy45MTcgNy45MTcgMCAxIDAgMTcuNDE3IDkuNSA3LjkxNyA3LjkxNyAwIDAgMCA5LjUgMS41ODNNNy45MTYgMTMuMDYybDQuNzUtMy41NjMtNC43NS0zLjU2MloiIHN0eWxlPSJmaWxsOiB2YXIoLS10aGVtZS1wcmltYXJ5ZGVjbywgI2ZmZmZmZikiLz48L3N2Zz4="); height: 19px; width: 19px; } .layout article figure img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .layout article figure footer, .layout article figure figcaption { display: none; } .layout article header { -webkit-align-content: var(--header-align-content); -ms-flex-line-pack: var(--header-align-content); align-content: var(--header-align-content); -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-self: var(--header-align-self); -ms-flex-item-align: var(--header-align-self); align-self: var(--header-align-self); background: var(--header-background); border: var(--header-border); border-width: var(--header-border-width); box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-grow: var(--header-grow, 1); -ms-flex-positive: var(--header-grow, 1); flex-grow: var(--header-grow, 1); -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: var(--header-margin); -webkit-order: var(--header-order); -ms-flex-order: var(--header-order); order: var(--header-order); padding: var(--header-padding); position: relative; text-shadow: var(--header-text-shadow); } .layout article header .duration { display: inline; -webkit-filter: var(--header-duration-filter, inital); filter: var(--header-duration-filter, inital); margin: var(--header-duration-margin); margin-left: -1px; } .layout article header .duration::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxOSI+PHBhdGggZD0iTTkuNSAxNS44MzNBNi4zMzMgNi4zMzMgMCAxIDEgMTUuODMzIDkuNSA2LjM0MiA2LjM0MiAwIDAgMSA5LjUgMTUuODMzbTAtMTQuMjVBNy45MTcgNy45MTcgMCAxIDAgMTcuNDE3IDkuNSA3LjkxNyA3LjkxNyAwIDAgMCA5LjUgMS41ODNNNy45MTYgMTMuMDYybDQuNzUtMy41NjMtNC43NS0zLjU2MloiIGZpbGw9IiM0MzQzNDMiLz48L3N2Zz4="); height: 19px; width: 19px; } .layout article figure + header .duration { display: var(--header-duration-display, none); } .layout article .teaser-kicker, .layout article .teaser-postingcount, .layout article .teaser-title, .layout article .teaser-subtitle { max-width: 550px; } .layout article .teaser-postingcount, .layout article .teaser-kicker { font: var(--kicker-font); letter-spacing: 0.01em; } .layout article .duration { color: #434343; font: var(--kicker-font); font-weight: 700; line-height: 1.1875rem; z-index: 1; } .layout article .duration::before { content: ''; display: inline-block; margin-right: 0.125rem; position: relative; top: 0.3125rem; } .layout article .teaser-postingcount { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-order: -4; -ms-flex-order: -4; order: -4; } .layout article .teaser-postingcount:empty { display: none; } .layout article .teaser-postingcount span:not(.sr-only) { display: none; } .layout article .teaser-postingcount:not(:empty)::before { content: '\1F5E9'; content: '\1F5E9' / ''; font-family: "STMatilda Info Variable", system-ui, sans-serif; margin-right: 1px; } .layout article .teaser-postingcount:empty.teaser-postingcount-community:empty { display: block; } .layout article .teaser-postingcount:not(:empty) + .teaser-kicker { margin-right: 10px; } .layout article .teaser-kicker { margin: 0 1ex 0 0; -webkit-order: -5; -ms-flex-order: -5; order: -5; text-transform: uppercase; } .layout article .breakinglabel { color: var(--theme-secondarydeco); font: var(--kicker-font); font-weight: 700; letter-spacing: 0.01em; margin-right: 1ex; -webkit-order: -4; -ms-flex-order: -4; order: -4; padding: 1px 3px; text-transform: uppercase; } .layout article .breakinglabel[data-label-name='exclusive'] { background-color: var(--theme-primarydeco); } .layout article .breakinglabel[data-label-name='breakingnews'] { background-color: var(--theme-live-primarydeco); } .layout article .breakinglabel + .teaser-postingcount { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .layout article .storylabels { color: var(--theme--on-secondary); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: var(--kicker-font); font-weight: 700; letter-spacing: 0.01em; margin: var(--label-margin); text-transform: uppercase; } .layout article .storylabels span { background-color: var(--theme--secondary); margin-left: -3px; padding: 1px 3px; white-space: nowrap; } .layout article .storylabels > *:not(:last-child) { margin-right: 0.5ex; } .layout article .storylabels [data-label-livemode] { background: none; color: var(--tile-primarytint); -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 1px 3px 1px 0; } .layout article .storylabels [data-label-category][data-label-name='Livebericht'], .layout article .storylabels [data-label-category][data-label-name='Liveticker'], .layout article .storylabels [data-label-category][data-label-name='Chat'], .layout article .storylabels [data-label-category][data-label-name='Forum+'] { background-color: var(--theme-primarydeco); color: var(--theme-secondarydeco); margin-left: -3px; margin-right: 1ex; padding: 1px 3px; } .layout article .duration + .storylabels [data-label-name='Video'] { display: none; } .layout article.is-opinion .duration + .storylabels span { margin-left: 0; } .layout article .teaser-title { color: var(--tile-primarytint); -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: var(--title-font); margin: 0.5ex 0 0; min-width: 100%; -webkit-order: -3; -ms-flex-order: -3; order: -3; position: relative; } .layout article .teaser-subtitle { display: var(--subtitle-display); -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: var(--subtitle-font); margin: var(--subtitle-topmargin) 0 0; min-width: 100%; -webkit-order: -2; -ms-flex-order: -2; order: -2; } .layout article ul { background: var(--attachments-background); display: var(--attachments-display); font: var(--subtitle-font); margin: var(--attachments-margin); padding: var(--attachments-padding); z-index: 2; } .layout article ul::before { content: 'Mehr zum Thema:'; display: inline-block; font-weight: bold; margin-bottom: 0.3125rem; margin-top: 1.2ex; } .layout article ul li { margin-bottom: 0.2em; margin-left: 2.1ex; } .layout article ul a { color: currentColor; display: block; text-decoration: none; } .layout article ul a:hover { text-decoration: underline; } .layout article ul .teaser-postingcount { display: inline; } .layout article.fig::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article:not(.fig) figure + header, .layout article.fig > * { --header-border-width: var(--header-contextual-border-width); --header-margin: var(--header-figure-contextual-margin); --kicker-font: var(--kicker-contextual-font); --subtitle-font: var(--subtitle-contextual-font); --subtitle-topmargin: var(--subtitle-contextual-topmargin); --title-font: var(--title-contextual-font); --subtitle-display: var(--subtitle-figure-contextual-display); --attachments-margin: var(--attachments-figure-contextual-margin); } .layout article.att > * { --teaser-grow: var(--teaser-attachments-contextual-grow); --subtitle-display: var(--subtitle-attachments-contextual-display); --header-padding: var(--header-attachments-contextual-padding); } .layout article.fig.att > * { --attachments-display: var(--attachments-figure-contextual-display); } .layout article[data-type='live'] { --tile-primarytint: var(--theme-live-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-live-secondarytint, var(--theme-secondarytint)) !important; --theme-primarydeco: var(--theme-live-primarydeco) !important; --theme-secondarydeco: var(--theme-live-secondarydeco) !important; } .layout article.is-ugc { --tile-primarytint: var(--theme-ugc-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-ugc-secondarytint, var(--theme-secondarytint)) !important; --theme-primarydeco: var(--theme-ugc-primarydeco) !important; } .layout article.is-ugc .storylabels span { color: var(--theme-primarydeco); } .layout article.is-opinion { --tile-background: var(--theme-opinion-background) !important; --tile-primarytint: var(--theme-opinion-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-opinion-secondarytint, var(--theme-secondarytint)) !important; --theme-primarydeco: var(--theme-opinion-primarydeco) !important; } .layout article.is-opinion .storylabels span { background-color: var(--theme-primarydeco); color: var(--theme-opinion-secondarydeco); margin-left: -3px; padding: 1px 3px; } .layout article[data-type='community-topic'], .layout article.is-community { --tile-primarytint: var(--theme-community-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-community-secondarytint, var(--theme-secondarytint)) !important; --theme--on-secondary: var(--theme-community-primarydeco) !important; } .layout article[data-type='community-topic'] .teaser-kicker *, .layout article.is-community .teaser-kicker * { text-transform: none; } .layout article[data-type='community-topic'] .teaser-kicker svg, .layout article.is-community .teaser-kicker svg { height: 13px; margin-left: 4px; opacity: 70%; vertical-align: text-top; width: 13px; } .layout article[data-type='community-topic'] .teaser-footer, .layout article.is-community .teaser-footer { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .layout article[data-type='community-topic'] .storylabels + .teaser-postingcount:not(:empty), .layout article.is-community .storylabels + .teaser-postingcount:not(:empty) { border-left: 1px solid var(--tile-border-color); padding-left: 5px; } .layout article[data-type='community-topic'] .storylabels, .layout article.is-community .storylabels { -webkit-flex-basis: initial; -ms-flex-preferred-size: initial; flex-basis: initial; } .layout article[data-type='community-topic'] .teaser-postingcount, .layout article.is-community .teaser-postingcount { -webkit-order: initial; -ms-flex-order: initial; order: initial; } .layout article[data-type='community-topic'] dst-readlater, .layout article.is-community dst-readlater { margin-left: auto !important; } .layout article.is-promotion { --tile-background: rgba(0, 0, 0, 0.03) !important; --theme-primarydeco: #747574 !important; } .layout article.is-promotion header::after { color: var(--theme-primarydeco); content: 'WERBUNG'; font: var(--kicker-font); font-weight: 700; letter-spacing: 0.01em; margin-right: 1ex; margin-top: 1ex; text-transform: uppercase; width: auto !important; } .custom-slider .layout article { --border-radius: 5px; border-radius: var(--border-radius); } .custom-slider .layout article header { --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) 0.625rem 0.9375rem; border-radius: 0 0 var(--border-radius) var(--border-radius); display: block; } @media (min-width: 960px) { .custom-slider .layout article header { --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) 0.9375rem 1.25rem; --title-font: var(--w2-title) !important; } } .custom-slider .layout article .teaser-kicker { left: 0; line-height: 0.9375rem; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 0.75rem; } .custom-slider .layout article .teaser-kicker::before { content: ''; display: inline-block; margin-right: 8px; position: relative; top: 5px; } .custom-slider .layout article .teaser-postingcount { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .custom-slider .layout article .storylabels { display: none; } .custom-slider .layout article h1 { font-weight: 700; min-height: 2.5rem; text-align: center; } .custom-slider .layout article figure { border-radius: var(--border-radius); } .custom-slider .layout article figure img { border-radius: var(--border-radius); } .custom-slider .layout article.is-podcast-story header { background: transparent; } .custom-slider .layout article.is-podcast-story .teaser-kicker::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJtYXRyaXgoMC45NSwwLDAsMC45NSw2Ljc4MTE1ZS0wNiwxKSIgZD0iTTEwLDIwQzQuNTE0LDIwIDAsMTUuNDg2IDAsMTBDMCw3LjM0OSAxLjA1NCw0LjgwNCAyLjkyOSwyLjkyOUM0LjgwNiwxLjAzNSA3LjM2NSwwIDEwLjAzMSwwQzE1LjUxNywtMCAyMCw0LjUxNCAyMCwxMEMyMCwxMi42NjYgMTguOTY1LDE1LjE5NCAxNy4wNzEsMTcuMDcxQzE1LjIsMTguOTUyIDEyLjY1MywyMC4wMDcgMTAsMjBaTTkuOTY3LDExLjg4M0M4LjMxMywxMS44ODMgNi45NjcsMTIuNTU2IDYuOTY3LDEzLjM4M0w2Ljk2NywxNS4zMzNMMTIuOTY3LDE1LjMzM0wxMi45NjcsMTMuMzgzQzEyLjk2NywxMi41NTYgMTEuNjIxLDExLjg4MyA5Ljk2NywxMS44ODNaTTkuOTY3LDQuNTMzQzEyLjc2NCw0LjUzNCAxNS4wNjYsNi44MzYgMTUuMDY2LDkuNjMzQzE1LjA2NiwxMC42NTEgMTQuNzYxLDExLjY0NiAxNC4xOTEsMTIuNDg5TDE1LjA5MSwxMy4yOTlDMTUuODU2LDEyLjIzIDE2LjI2NywxMC45NDggMTYuMjY3LDkuNjM0QzE2LjI2Nyw2LjE3OCAxMy40MjMsMy4zMzQgOS45NjcsMy4zMzRDNi41MTEsMy4zMzQgMy42NjcsNi4xNzggMy42NjcsOS42MzRDMy42NjcsMTAuOTQ4IDQuMDc4LDEyLjIzIDQuODQzLDEzLjI5OUw1Ljc0MywxMi40ODlDNS4xNzMsMTEuNjQ2IDQuODY4LDEwLjY1MSA0Ljg2OCw5LjYzM0M0Ljg2OCw2LjgzNiA3LjE3LDQuNTM0IDkuOTY3LDQuNTMzWk05Ljk1Niw2LjkzM0w5Ljk3OCw2LjkzM0MxMS40NTMsNi45MzMgMTIuNjY3LDguMTQ3IDEyLjY2Nyw5LjYyMkMxMi42NjcsOS42MjYgMTIuNjY3LDkuNjI5IDEyLjY2Nyw5LjYzM0MxMi42NjcsMTAuMDU5IDEyLjU2NCwxMC40NzkgMTIuMzY3LDEwLjg1N0wxMy4yOTEsMTEuNjc5QzEzLjY2OCwxMS4wNjUgMTMuODY3LDEwLjM1OSAxMy44NjcsOS42MzlDMTMuODY3LDcuNSAxMi4xMDYsNS43MzkgOS45NjcsNS43MzlDNy44MjgsNS43MzkgNi4wNjcsNy41IDYuMDY3LDkuNjM5QzYuMDY3LDEwLjM1OSA2LjI2NiwxMS4wNjUgNi42NDMsMTEuNjc5TDcuNTY3LDEwLjg1N0M3LjM3LDEwLjQ3OSA3LjI2NywxMC4wNTkgNy4yNjcsOS42MzNDNy4yNjcsOS42MjkgNy4yNjcsOS42MjYgNy4yNjcsOS42MjJDNy4yNjcsOC4xNDcgOC40ODEsNi45MzMgOS45NTYsNi45MzNaTTkuOTY3LDguMTMzQzkuMTQ0LDguMTMzIDguNDY3LDguODEgOC40NjcsOS42MzNDOC40NjcsMTAuNDU2IDkuMTQ0LDExLjEzMyA5Ljk2NywxMS4xMzNDMTAuNzksMTEuMTMzIDExLjQ2NywxMC40NTYgMTEuNDY3LDkuNjMzQzExLjQ2Nyw4LjgxIDEwLjc5LDguMTMzIDkuOTY3LDguMTMzWiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); height: 20px; width: 20px; } .custom-slider .layout article.is-video-story { --figure-duration-display: none; --header-duration-display: none; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); } .custom-slider .layout article.is-video-story .teaser-kicker::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggdHJhbnNmb3JtPSJtYXRyaXgoMC45NSwwLDAsMC45NSw2Ljc4MTE1ZS0wNiwxKSIgZD0iTTEwLDIwQTEwLDEwLDAsMSwxLDIwLDEwLDEwLjAxMSwxMC4wMTEsMCwwLDEsMTAsMjBaTTguMjE3LDYuMDkzYS4zLjMsMCwwLDAtLjMuM3Y3LjIxMmEuMy4zLDAsMCwwLC4zLjMuMy4zLDAsMCwwLC4xNjYtLjA1MWw1LjQwOS0zLjYwNWEuMy4zLDAsMCwwLDAtLjVMOC4zODMsNi4xNDRBLjMuMywwLDAsMCw4LjIxNyw2LjA5M1oiIHN0eWxlPSJmaWxsOiB2YXIoLS10aW50LCAjZmZmZikiLz48L3N2Zz4="); height: 20px; width: 20px; } .layout article .teaser-footer { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: auto; min-height: 21px; padding-top: 4px; } .layout article .teaser-footer dst-rl-timestamp { display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 12px; opacity: 0.9; position: relative; z-index: 2; } .layout article .teaser-footer dst-readlater { margin: -11px; position: relative; z-index: 2; } @media (max-width: 767.9px) { .layout article[data-mt='2x3c'] { --tile-name: "tile--article-2x3c"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 0.75; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: 0 var(--grid-column); --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w1-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w1-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: none; --subtitle-figure-contextual-display: none; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-mt='2x3c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-mt='2x3c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='2x3c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='2x3c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='2x3c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-mt='4x1'] { --tile-name: "MOBILE / tile--article-4x1m"; --tile-border: solid; --tile-background: unset; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: row; --tile-margin: unset; --tile-min-height: initial; --tile-padding: var(--grid-gap) var(--site--core-padding); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: unset; --figure-basis: auto; --figure-display: none; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: unset; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w1-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w1-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: none; --subtitle-figure-contextual-display: none; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: none; --attachments-figure-contextual-display: none; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); } .layout article[data-mt='4x1'][data-mb='s1'], .layout article[data-mt='4x1'][data-mb='s1w'], .layout article[data-mt='4x1'][data-mb='s2'], .layout article[data-mt='4x1'][data-mb='s3'], .layout article[data-mt='4x1'][data-mb='xs1'], .layout article[data-mt='4x1'][data-mb='xs2'], .layout article[data-mt='4x1'][data-mb='w3'], .layout article[data-mt='4x1'][data-mb='promo3'] { --figure-display: none; --figure-duration-display: none; --header-duration-display: inline; --header-figure-contextual-margin: 0; } .layout article[data-mt='4x2'] { --tile-name: "MOBILE / tile--article-4x2m"; --tile-border: solid; --tile-background: unset; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: row; --tile-margin: unset; --tile-min-height: initial; --tile-padding: var(--grid-gap) var(--site--core-padding); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.33333; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 0.625rem 0.375rem 0.25rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 110px; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: 100%; --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: 0; --header-align-content: flex-start; --header-align-self: center; --header-order: -1; --header-text-shadow: unset; --header-margin: 0; --header-figure-contextual-margin: 0 var(--grid-gap) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w1-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w1-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: none; --subtitle-figure-contextual-display: none; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: none; --attachments-figure-contextual-display: none; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); --label-fontsize: 0.6875rem; --label-lineheight: 1.0625rem; --label-position: static; } .layout article[data-mt='4x3'] { --tile-name: "MOBILE / tile--article-4x3m"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: var(--grid-column) var(--site--core-padding); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 2; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 0.9375rem 0.625rem 0.5rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 120px; --figure-maxwidth: 220px; --figure-align: flex-start; --figure-position: unset; --figure-width: 60%; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: var(--grid-gap) 0 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w2-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w2-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--grid-column) * -1) var(--site--core-padding) var(--grid-column); --attachments-figure-contextual-margin: calc(var(--grid-column) * -1) var(--site--core-padding) var(--grid-column); --attachments-padding: 0; } .layout article[data-mt='4x3c'] { --tile-name: "MOBILE / tile--article-4x3mc"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 1.35; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--site--core-padding) var(--grid-column); --header-attachments-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--site--core-padding) 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w2-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w2-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--site--core-padding) var(--grid-column); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-mt='4x3c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-mt='4x3c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x3c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x3c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x3c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-mt='4x4'] { --tile-name: "MOBILE / tile--article-4x4m"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: var(--grid-column) var(--site--core-padding); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 2; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: var(--grid-gap) 0 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w3-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--grid-column) * -1) var(--site--core-padding) var(--grid-column); --attachments-figure-contextual-margin: calc(var(--grid-column) * -1) var(--site--core-padding) var(--grid-column); --attachments-padding: 0; } .layout article[data-mt='4x4c'] { --tile-name: "MOBILE / tile--article-4x4mc"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 1; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--site--core-padding) var(--grid-column); --header-attachments-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--site--core-padding) 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w3-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--site--core-padding) var(--grid-column); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-mt='4x4c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-mt='4x4c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x4c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x4c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x4c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-mt='4x5'] { --tile-name: "MOBILE / tile--article-4x4m"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: var(--grid-column) var(--site--core-padding); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 2; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: var(--grid-gap) 0 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w3-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--grid-column) * -1) var(--site--core-padding) var(--grid-column); --attachments-figure-contextual-margin: calc(var(--grid-column) * -1) var(--site--core-padding) var(--grid-column); --attachments-padding: 0; } .layout article[data-mt='4x5c'] { --tile-name: "MOBILE / tile--article-4x5mc"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 0.79412; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--site--core-padding) var(--grid-column); --header-attachments-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--site--core-padding) 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--site--core-padding) var(--grid-column); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-mt='4x5c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-mt='4x5c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x5c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x5c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x5c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-mt='4x6'] { --tile-name: "MOBILE / tile--article-4x4m"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: var(--grid-column) var(--site--core-padding); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 2; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: var(--grid-gap) 0 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w3-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--grid-column) * -1) var(--site--core-padding) var(--grid-column); --attachments-figure-contextual-margin: calc(var(--grid-column) * -1) var(--site--core-padding) var(--grid-column); --attachments-padding: 0; } .layout article[data-mt='4x6c'] { --tile-name: "MOBILE / tile--article-4x6mc"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 0.65854; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--site--core-padding) var(--grid-column); --header-attachments-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--site--core-padding) 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w5-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w5-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--site--core-padding) var(--grid-column); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-mt='4x6c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-mt='4x6c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x6c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x6c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x6c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } } @media (min-width: 768px) and (max-width: 959.9px) { .layout article[data-mt='2x3c'] { --tile-name: "tile--article-2x3c"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 0.75; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: 0 var(--grid-column); --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w1-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w1-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: none; --subtitle-figure-contextual-display: none; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-mt='2x3c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-mt='2x3c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='2x3c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='2x3c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='2x3c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-mt='4x1'] { --tile-name: "TABLET / tile--article-4x1t"; --tile-border: solid; --tile-background: unset; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: row; --tile-margin: calc(var(--row-gap) * -1) var(--single-column-and-gap) 0; --tile-min-height: initial; --tile-padding: var(--grid-column) var(--single-column-and-gap); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1; --figure-basis: calc(var(--grid-block-width) * 1.5); --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: calc(var(--grid-block-width) * 1.5); --figure-maxheight: calc(var(--grid-block-width) * 1.5); --figure-minwidth: calc(var(--grid-block-width) * 1.5); --figure-maxwidth: calc(var(--grid-block-width) * 1.5); --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: -1; --header-text-shadow: unset; --header-margin: 0; --header-figure-contextual-margin: 0 var(--grid-column) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w1-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w1-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: none; --attachments-figure-contextual-display: none; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); } .layout article[data-mt='4x2'] { --tile-name: "TABLET / tile--article-4x2t"; --tile-border: solid; --tile-background: unset; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: row; --tile-margin: calc(var(--row-gap) * -1) var(--single-column-and-gap) 0; --tile-min-height: initial; --tile-padding: var(--grid-column) var(--single-column-and-gap); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77778; --figure-basis: calc(var(--grid-block-width) * 2 + var(--grid-gap)); --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: calc(var(--grid-block-width) * 2 + var(--grid-gap)); --figure-maxwidth: calc(var(--grid-block-width) * 2 + var(--grid-gap)); --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: -1; --header-text-shadow: unset; --header-margin: 0; --header-figure-contextual-margin: 0 var(--grid-column) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w2-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w2-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: none; --attachments-figure-contextual-display: none; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); } .layout article[data-mt='4x3'] { --tile-name: "TABLET / tile--article-4x3t"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: 0 var(--single-column-and-gap); --tile-min-height: initial; --tile-padding: var(--single-column-and-gap); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 2; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: var(--grid-column) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w3-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--single-column-and-gap) * -1) var(--single-column-and-gap) var(--single-column-and-gap); --attachments-figure-contextual-margin: calc(var(--single-column-and-gap) * -1) var(--single-column-and-gap) var(--single-column-and-gap); --attachments-padding: 0; } .layout article[data-mt='4x3c'] { --tile-name: "TABLET / tile--article-4x3tc"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: 0 var(--single-column-and-gap); --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 1.35; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--single-column-and-gap) var(--single-column-and-gap); --header-attachments-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--single-column-and-gap) 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--single-column-and-gap) var(--single-column-and-gap); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-mt='4x3c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-mt='4x3c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x3c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x3c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x3c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-mt='4x4'] { --tile-name: "TABLET / tile--article-4x4t"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: 0 var(--single-column-and-gap); --tile-min-height: initial; --tile-padding: var(--single-column-and-gap); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77778; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: var(--grid-column) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 3.2ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--single-column-and-gap) * -1) var(--single-column-and-gap) var(--single-column-and-gap); --attachments-figure-contextual-margin: calc(var(--single-column-and-gap) * -1) var(--single-column-and-gap) var(--single-column-and-gap); --attachments-padding: 0; } .layout article[data-mt='4x4c'] { --tile-name: "TABLET / tile--article-4x3tc"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: 0 var(--single-column-and-gap); --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 1.35; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--single-column-and-gap) var(--single-column-and-gap); --header-attachments-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--single-column-and-gap) 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--single-column-and-gap) var(--single-column-and-gap); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-mt='4x4c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-mt='4x4c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x4c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x4c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x4c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-mt='4x5'] { --tile-name: "TABLET / tile--article-4x4t"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: 0 var(--single-column-and-gap); --tile-min-height: initial; --tile-padding: var(--single-column-and-gap); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77778; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: var(--grid-column) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 3.2ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--single-column-and-gap) * -1) var(--single-column-and-gap) var(--single-column-and-gap); --attachments-figure-contextual-margin: calc(var(--single-column-and-gap) * -1) var(--single-column-and-gap) var(--single-column-and-gap); --attachments-padding: 0; } .layout article[data-mt='4x5c'] { --tile-name: "TABLET / tile--article-4x3tc"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: 0 var(--single-column-and-gap); --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 1.35; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--single-column-and-gap) var(--single-column-and-gap); --header-attachments-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--single-column-and-gap) 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--single-column-and-gap) var(--single-column-and-gap); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-mt='4x5c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-mt='4x5c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x5c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x5c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x5c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-mt='4x6'] { --tile-name: "TABLET / tile--article-4x4t"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: 0 var(--single-column-and-gap); --tile-min-height: initial; --tile-padding: var(--single-column-and-gap); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77778; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: var(--grid-column) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 3.2ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--single-column-and-gap) * -1) var(--single-column-and-gap) var(--single-column-and-gap); --attachments-figure-contextual-margin: calc(var(--single-column-and-gap) * -1) var(--single-column-and-gap) var(--single-column-and-gap); --attachments-padding: 0; } .layout article[data-mt='4x6c'] { --tile-name: "TABLET / tile--article-4x3tc"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: 0 var(--single-column-and-gap); --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 1.35; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--single-column-and-gap) var(--single-column-and-gap); --header-attachments-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--single-column-and-gap) 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--single-column-and-gap) var(--single-column-and-gap); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-mt='4x6c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-mt='4x6c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x6c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x6c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-mt='4x6c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } } @media (min-width: 960px) { .layout article[data-dt='2x3c'] { --tile-name: "tile--article-2x3c"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 0.75; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: 0 var(--grid-column); --header-attachments-contextual-padding: unset; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w1-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w1-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: none; --subtitle-figure-contextual-display: none; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-dt='2x3c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-dt='2x3c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='2x3c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='2x3c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='2x3c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-dt='3x1'] { --tile-name: "tile--article-3x1"; --tile-border: solid; --tile-background: unset !important; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: row; --tile-margin: calc(var(--grid-gap) * -1) 0 0; --tile-min-height: initial; --tile-padding: 15px; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: unset; --figure-basis: auto; --figure-display: none; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: unset; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: 100%; --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w1-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w1-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: none; --subtitle-figure-contextual-display: none; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: none; --attachments-figure-contextual-display: none; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); } .layout article[data-dt='3x3'] { --tile-name: "tile--article-3x3"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 15px; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77778; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--grid-gap) 0 0; --header-attachments-contextual-padding: var(--grid-gap) 0 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w2-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w2-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: none; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: none; --attachments-margin: -20px 15px 20px; --attachments-figure-contextual-margin: 0; --attachments-padding: 0; } .layout article[data-dt='3x4'] { --tile-name: "tile--article-3x4"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 15px; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77632; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--grid-gap) 0 0; --header-attachments-contextual-padding: var(--grid-gap) 0 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w2-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w2-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: -20px 15px 20px; --attachments-figure-contextual-margin: -20px 15px 20px; --attachments-padding: 0; } .layout article[data-dt='4x1'] { --tile-name: "tile--article-4x1"; --tile-border: solid; --tile-background: unset !important; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: row; --tile-margin: calc(var(--grid-gap) * -1) 0 0; --tile-min-height: initial; --tile-padding: 15px 15px 15px 0; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 1.33333; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 0.625rem 0.375rem 0.25rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 30.77%; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: 0 0 0 15px; --header-attachments-contextual-padding: 0 0 0 15px; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w1-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w1-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: none; --subtitle-figure-contextual-display: none; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: none; --attachments-figure-contextual-display: none; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); } .layout article[data-dt='4x2'] { --tile-name: "tile--article-4x2"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: calc(var(--grid-gap) * -1) 0 0; --tile-min-height: initial; --tile-padding: 25px; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: unset; --figure-basis: auto; --figure-display: none; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: unset; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: 100%; --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: 0; --header-attachments-contextual-padding: 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: 0; --header-text-shadow: unset; --header-margin: 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w1-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w1-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: -25px 25px 25px; --attachments-figure-contextual-margin: -25px 25px 25px; --attachments-padding: 0; } .layout article[data-dt='4x3'] { --tile-name: "tile--article-4x3"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 15px; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77778; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--grid-gap) 0 0; --header-attachments-contextual-padding: var(--grid-gap) 0 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w2-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: none; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: none; --attachments-margin: -20px 15px 20px; --attachments-figure-contextual-margin: 0; --attachments-padding: 0; } .layout article[data-dt='4x4'] { --tile-name: "tile--article-4x3"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 15px; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.77778; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--grid-gap) 0 0; --header-attachments-contextual-padding: var(--grid-gap) 0 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w2-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: -20px 15px 20px; --attachments-figure-contextual-margin: -20px 15px 20px; --attachments-padding: 0; } .layout article[data-dt='4x4c'] { --tile-name: "tile--article-4x4c"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 1; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) calc(var(--grid-gap) * 2) calc(var(--grid-gap) * 2); --header-attachments-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) calc(var(--grid-gap) * 2) 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w3-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 calc(var(--grid-gap) * 2) var(--single-column-and-gap); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-dt='4x4c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-dt='4x4c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='4x4c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='4x4c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='4x4c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-dt='4x5c'] { --tile-name: "tile--article-4x5c"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 0.79412; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) calc(var(--grid-gap) * 2) calc(var(--grid-gap) * 2); --header-attachments-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) calc(var(--grid-gap) * 2) 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w3-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 calc(var(--grid-gap) * 2) var(--single-column-and-gap); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-dt='4x5c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-dt='4x5c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='4x5c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='4x5c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='4x5c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-dt='6x6'] { --tile-name: "tile--article-6x6"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: var(--grid-column) var(--grid-column) var(--single-column-and-gap); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.5; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: 100%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--grid-column) var(--grid-column) 0; --header-attachments-contextual-padding: var(--grid-column) var(--grid-column) 0; --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0 0; --header-figure-contextual-margin: 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1.2ex; --subtitle-contextual-topmargin: 1.2ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--single-column-and-gap) * -1) var(--grid-column) var(--grid-column); --attachments-figure-contextual-margin: calc(var(--single-column-and-gap) * -1) var(--grid-column) var(--grid-column); --attachments-padding: 0 var(--grid-column) 0; } .layout article[data-dt='6x6c'] { --tile-name: "tile--article-6x6c"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 1; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--single-column-and-gap) var(--single-column-and-gap) var(--single-column-and-gap); --header-attachments-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) calc((var(--grid-column) + var(--grid-gap)) * 2) 0 var(--single-column-and-gap); --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1.2ex; --subtitle-contextual-topmargin: 1.2ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 calc((var(--grid-column) + var(--grid-gap)) * 2) var(--single-column-and-gap) var(--single-column-and-gap); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-dt='6x6c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-dt='6x6c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='6x6c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='6x6c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='6x6c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-dt='6x3'] { --tile-name: "tile--article-6x3"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: calc(var(--grid-block-height) * 3 + var(--grid-gap) * 2); --tile-padding: var(--grid-column); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: 2.05; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: unset; --figure-basis: auto; --figure-display: flex; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: calc(100% - (var(--grid-column) * 2)); --figure-maxheight: unset; --figure-minwidth: 42.277%; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: absolute; --figure-width: unset; --figure-right: var(--grid-column); --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--grid-gap); --header-attachments-contextual-padding: var(--grid-gap); --header-align-content: flex-start; --header-align-self: flex-end; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0; --header-figure-contextual-margin: auto calc(((100% + var(--grid-column) * 2) * 0.42277) + var(--grid-column)) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--w3-title); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--w3-text); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1ex; --subtitle-contextual-topmargin: 1ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--single-column-and-gap) * -1) var(--grid-column) var(--grid-column); --attachments-figure-contextual-margin: calc(var(--single-column-and-gap) * -1) calc(var(--figure-minwidth) + var(--grid-column) + var(--grid-column)) var(--grid-column) var(--grid-column); --attachments-padding: 0 var(--grid-gap) var(--grid-gap); } .layout article[data-dt='6x4c'] { --tile-name: "tile--article-6x4c"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 1.51852; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: var(--single-column-and-gap) calc(var(--grid-block-width) + var(--grid-gap)) var(--single-column-and-gap) var(--single-column-and-gap); --header-attachments-contextual-padding: var(--single-column-and-gap) calc(var(--grid-block-width) + var(--grid-gap)) 0 var(--single-column-and-gap); --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1.2ex; --subtitle-contextual-topmargin: 1.2ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 calc(var(--grid-block-width) + var(--grid-gap)) var(--single-column-and-gap) var(--single-column-and-gap); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-dt='6x4c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-dt='6x4c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='6x4c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='6x4c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='6x4c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-dt='7x2'] { --tile-name: "tile--article-7x2"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: row; --tile-margin: unset; --tile-min-height: initial; --tile-padding: var(--grid-column); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: unset; --tile-use-aspectratio: unset; --teaser-grow: 1; --teaser-attachments-contextual-grow: 0; --figure-aspectratio: 1.49733; --figure-basis: auto; --figure-display: block; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: unset; --figure-maxheight: unset; --figure-minwidth: calc((var(--grid-block-width) * 3) + (var(--grid-gap) * 2) - var(--grid-column)); --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: unset; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: 100%; --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--grid-gap); --header-attachments-contextual-padding: var(--grid-gap); --header-align-content: flex-start; --header-align-self: auto; --header-order: -1; --header-text-shadow: unset; --header-margin: 0; --header-figure-contextual-margin: 0 var(--grid-gap) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w3-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w3-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1.2ex; --subtitle-contextual-topmargin: 1.2ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: none; --attachments-figure-contextual-display: none; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 var(--grid-column) var(--grid-column); } .layout article[data-dt='8x3'], .layout article[data-dt='8x4'] { --tile-name: "tile--article-8x3"; --tile-border: solid; --tile-background: rgba(255, 255, 255, 0.3); --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: 2.75; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: unset; --figure-basis: auto; --figure-display: flex; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: unset; --figure-minwidth: 49.092%; --figure-maxwidth: unset; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--single-column-and-gap); --header-attachments-contextual-padding: var(--single-column-and-gap); --header-align-content: flex-start; --header-align-self: flex-end; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0 var(--figure-minwidth); --header-grow: 0; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1.2ex; --subtitle-contextual-topmargin: 1.2ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--single-column-and-gap) * -1) 0 0; --attachments-figure-contextual-margin: calc(var(--single-column-and-gap) * -1) 0 0 calc(var(--figure-minwidth) + var(--grid-gap)); --attachments-padding: 0 var(--single-column-and-gap) var(--single-column-and-gap); } .layout article[data-dt='8x4c'] { --tile-name: "tile--article-8x4c"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 2.03704; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) calc(var(--grid-gap) * 2) calc(var(--grid-gap) * 2); --header-attachments-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) calc(var(--grid-gap) * 2) calc(var(--grid-gap) * 2); --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1.2ex; --subtitle-contextual-topmargin: 1.2ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 calc(var(--grid-gap) * 2) calc(var(--grid-gap) * 2); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-dt='8x4c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-dt='8x4c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='8x4c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='8x4c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='8x4c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-dt='8x5c'] { --tile-name: "tile--article-8x5c"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 1.61765; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) calc((var(--grid-block-width) + var(--grid-gap)) * 3) var(--single-column-and-gap) calc(var(--grid-gap) * 2); --header-attachments-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) calc((var(--grid-block-width) + var(--grid-gap)) * 3) 0 calc(var(--grid-gap) * 2); --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1.2ex; --subtitle-contextual-topmargin: 1.2ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 calc((var(--grid-block-width) + var(--grid-gap)) * 3) var(--single-column-and-gap) calc(var(--grid-gap) * 2); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-dt='8x5c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-dt='8x5c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='8x5c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='8x5c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='8x5c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-dt='9x4'] { --tile-name: "tile--article-9x4"; --tile-border: solid; --tile-background: rgba(255, 255, 255, 0.3); --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: 3.1; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: unset; --figure-basis: auto; --figure-display: flex; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: unset; --figure-minwidth: 48.926%; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--single-column-and-gap); --header-attachments-contextual-padding: var(--single-column-and-gap); --header-align-content: flex-start; --header-align-self: flex-end; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0 calc(var(--figure-minwidth) + var(--grid-gap)); --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1.2ex; --subtitle-contextual-topmargin: 1.2ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--single-column-and-gap) * -1) 0 0; --attachments-figure-contextual-margin: calc(var(--single-column-and-gap) * -1) 0 0 calc(var(--figure-minwidth) + var(--grid-gap)); --attachments-padding: 0 var(--single-column-and-gap) var(--single-column-and-gap); } .layout article[data-dt='9x3'] { --tile-name: "tile--article-9x3"; --tile-border: solid; --tile-background: transparent; --tile-primarytint: var(--theme-primarytint); --tile-secondarytint: var(--theme-secondarytint); --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0 0 1px; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: var(--grid-column); --tile-icon-filter: invert(35%); --tile-icon-opacity: 1; --tile-aspectratio: 3.1; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: unset; --figure-basis: auto; --figure-display: flex; --figure-duration-display: unset; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: calc(100% - (var(--grid-column) * 2)); --figure-maxheight: unset; --figure-minwidth: 52.689%; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: absolute; --figure-width: unset; --figure-right: var(--grid-column); --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--grid-gap); --header-attachments-contextual-padding: var(--grid-gap); --header-align-content: flex-start; --header-align-self: flex-end; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0; --header-figure-contextual-margin: auto calc(((100% + var(--grid-column) * 2) * 0.52689) + var(--grid-column)) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1.2ex; --subtitle-contextual-topmargin: 1.2ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--single-column-and-gap) * -1) var(--grid-column) var(--grid-column); --attachments-figure-contextual-margin: calc(var(--single-column-and-gap) * -1) calc(var(--figure-minwidth) + var(--grid-column) + var(--grid-column)) var(--grid-column) var(--grid-column); --attachments-padding: 0 var(--grid-gap) var(--grid-gap); } .layout article[data-dt='9x6c'] { --tile-name: "tile--article-9x6c"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 1.5122; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) * 2) + var(--grid-gap)) calc((var(--grid-block-width) + var(--grid-gap)) * 3) calc((var(--grid-column) * 2) + var(--grid-gap)) calc((var(--grid-column) * 2) + var(--grid-gap)); --header-attachments-contextual-padding: calc((var(--grid-column) * 2) + var(--grid-gap)) calc((var(--grid-block-width) + var(--grid-gap)) * 3) 0 calc((var(--grid-column) * 2) + var(--grid-gap)); --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w5-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w5-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1.2ex; --subtitle-contextual-topmargin: 1.2ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 calc((var(--grid-block-width) + var(--grid-gap)) * 3) calc((var(--grid-column) * 2) + var(--grid-gap)) calc((var(--grid-column) * 2) + var(--grid-gap)); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-dt='9x6c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-dt='9x6c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='9x6c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='9x6c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='9x6c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } .layout article[data-dt='12x4'] { --tile-name: "tile--article-12x4"; --tile-border: solid; --tile-background: #e00085 !important; --tile-primarytint: #fff !important; --tile-secondarytint: #fff !important; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: 0; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: 3.07407; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: unset; --figure-basis: auto; --figure-display: flex; --figure-duration-display: unset; --figure-duration-padding: var(--single-column-and-gap); --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: unset; --figure-minwidth: 66.266%; --figure-maxwidth: unset; --figure-align: flex-start; --figure-position: absolute; --figure-width: unset; --figure-right: 0; --header-background: none; --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: unset; --header-duration-margin: var(--label-margin); --header-padding: var(--single-column-and-gap); --header-attachments-contextual-padding: var(--single-column-and-gap); --header-align-content: flex-start; --header-align-self: flex-end; --header-order: unset; --header-text-shadow: unset; --header-margin: auto 0 0; --header-figure-contextual-margin: auto calc(var(--figure-minwidth) + var(--grid-gap)) 0 0; --header-grow: 1; --time-display: none; --kicker-font: var(--w1-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w4-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w4-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: block; --subtitle-topmargin: 1.2ex; --subtitle-contextual-topmargin: 1.2ex; --label-margin: 1ex 1ex 0 0; --attachments-background: none; --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: calc(var(--single-column-and-gap) * -1) 0 0; --attachments-figure-contextual-margin: calc(var(--single-column-and-gap) * -1) calc(var(--figure-minwidth) + var(--grid-gap)) 0 0; --attachments-padding: 0 var(--single-column-and-gap) var(--single-column-and-gap); --theme-primarydeco: #fff !important; --theme-secondarydeco: #e00085 !important; } .layout article[data-dt='12x5c'] { --tile-name: "tile--article-12x5c"; --tile-border: unset; --tile-background: #18191d; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-border-color: rgba(67, 67, 67, 0.2); --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-padding: 0; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; --tile-aspectratio: unset; --tile-use-aspectratio: ""; --teaser-grow: 1; --teaser-attachments-contextual-grow: 1; --figure-aspectratio: 2.44118; --figure-basis: auto; --figure-display: flex; --figure-duration-display: none; --figure-duration-padding: 1.375rem 0.9375rem 0.8125rem; --figure-height: calc(100% / var(--figure-aspectratio)); --figure-minheight: 100%; --figure-maxheight: 100%; --figure-minwidth: 100%; --figure-maxwidth: 100%; --figure-align: auto; --figure-position: absolute; --figure-width: unset; --figure-right: unset; --header-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-border-width: 0; --header-contextual-border-width: 0; --header-basis: calc(100% - var(--figure-basis)); --header-duration-display: inline; --header-duration-margin: var(--label-margin); --header-padding: calc((var(--grid-column) * 2) + var(--grid-gap)) calc((var(--grid-block-width) + var(--grid-gap)) * 5) calc((var(--grid-column) * 2) + var(--grid-gap)) calc((var(--grid-column) * 2) + var(--grid-gap)); --header-attachments-contextual-padding: calc((var(--grid-column) * 2) + var(--grid-gap)) calc((var(--grid-block-width) + var(--grid-gap)) * 5) 0 calc((var(--grid-column) * 2) + var(--grid-gap)); --header-align-content: flex-start; --header-align-self: auto; --header-order: unset; --header-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: auto 0 0; --header-figure-contextual-margin: auto 0 0; --header-grow: 0; --time-display: none; --kicker-font: var(--w2-small); --kicker-contextual-font: var(--kicker-font); --title-font: var(--w5-title); --title-contextual-font: var(--title-font); --subtitle-font: var(--w5-text); --subtitle-contextual-font: var(--subtitle-font); --subtitle-display: block; --subtitle-figure-contextual-display: block; --subtitle-attachments-contextual-display: none; --subtitle-topmargin: 1.2ex; --subtitle-contextual-topmargin: 1.2ex; --label-margin: 1ex 1ex 0 0; --attachments-background: rgba(24, 25, 29, 0.8); --attachments-display: block; --attachments-figure-contextual-display: block; --attachments-margin: 0; --attachments-figure-contextual-margin: 0; --attachments-padding: 0 calc((var(--grid-block-width) + var(--grid-gap)) * 5) calc((var(--grid-column) * 2) + var(--grid-gap)) calc((var(--grid-column) * 2) + var(--grid-gap)); --header-duration-bottom: 0.9375rem; --header-duration-filter: brightness(0) invert(1); --header-duration-right: 0.9375rem; } .layout article[data-dt='12x5c']::after { box-sizing: border-box; content: var(--tile-use-aspectratio); height: 0; min-height: 100%; padding-bottom: calc(100% / var(--tile-aspectratio, var(--figure-aspectratio))); width: 0; } .layout article[data-dt='12x5c'][data-type='live'] { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='12x5c'].is-ugc { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='12x5c'].is-opinion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; } .layout article[data-dt='12x5c'].is-promotion { --tile-background: #1a1a1a !important; --tile-primarytint: #fff !important; --tile-secondarytint: #eee !important; --theme-primarydeco: #747574 !important; } } .layout .promotion-separator ~ section article.is-promotion { --tile-background: inherit !important; --theme-primarydeco: inherit !important; } .layout .promotion-separator ~ section article.is-promotion header::after { content: none !important; } @media (max-width: 959.9px) { .layout [data-mb='a1'][data-mt='4x4'][data-mg='p2-1'], .layout [data-mb='xl2'][data-mt='4x4'][data-mg='p2-1'], .layout [data-mb='awahl1'][data-mt='4x4'][data-mg='p2-1'], .layout [data-mb='awahl2'][data-mt='4x4'][data-mg='p2-1'] { --tile-border-width: 0; --tile-background: #e00085 !important; --tile-primarytint: #fff !important; --tile-secondarytint: #fff !important; --theme-primarydeco: #fff !important; --theme-secondarydeco: #e00085 !important; --theme-opinion-secondarydeco: #e00085 !important; --tile-icon-filter: invert(90%); --tile-icon-opacity: 0.6; } .layout .no-fig-mobile { --figure-display: none !important; --figure-duration-display: none !important; --header-duration-display: inline !important; } } @media (min-width: 960px) { .layout [data-db='s1'][data-dt='4x3'][data-dg].tile-ad.ad-active, .layout [data-db='s3'][data-dt='4x3'][data-dg].tile-ad.ad-active, .layout [data-db='s1w'][data-dt='4x3'][data-dg].tile-ad.ad-active { --tile-margin: calc(var(--grid-gap) * -1) 0 0 0; --subtitle-display: block; --subtitle-figure-contextual-display: block; } .layout [data-db='s5'][data-dt='4x4'][data-dg].tile-ad.ad-active, .layout [data-db='s6'][data-dt='4x4'][data-dg].tile-ad.ad-active, .layout [data-db='s6w'][data-dt='4x4'][data-dg].tile-ad.ad-active { --tile-margin: calc(var(--grid-gap) * -1) 0 0 0; } .layout [data-db='a2'][data-dt='3x4'][data-dg$='-2'] { --tile-background: rgba(255, 255, 255, 0.3); --tile-border-width: 0; --tile-padding: 25px; --figure-display: none; --figure-duration-display: none; --header-duration-display: inline; --header-figure-contextual-margin: auto 0 0 0; } .layout [data-db='a3'][data-dt='4x2'][data-dg] { --header-align-self: center; } .layout [data-db='a3'][data-dt='4x2'][data-dg$='-2'] { --tile-margin: 0; } .layout [data-db='a4'][data-dt='4x1'][data-dg] { --header-align-self: center; } .layout [data-db='a4'][data-dt='4x1'][data-dg$='-2'] { --tile-margin: 0; } .layout [data-db='xs2komm'].is-opinion { --tile-background: var(--theme-opinion-background) !important; --tile-margin: 0; --tile-border-width: 0; } .layout [data-db='l2'][data-dt='4x4'][data-dg$='-2'], .layout [data-db='awahl1'][data-dt='4x4'][data-dg$='-3'], .layout [data-db='awahl2'][data-dt='4x4'][data-dg$='-3'], .layout [data-db='awahl3a'][data-dt='4x4'][data-dg$='-3'], .layout [data-db='awahl3b'][data-dt='4x4'][data-dg$='-4'] { --tile-background: rgba(255, 255, 255, 0.3); --tile-border-width: 0; --tile-padding: 25px; --figure-display: none; --figure-duration-display: none; --header-duration-display: inline; --header-figure-contextual-margin: auto 0 0 0; } .layout .no-fig-desktop { --figure-display: none !important; --figure-duration-display: none !important; --header-duration-display: inline !important; } } .layout .theme-diskurs article.is-opinion { --tile-background: unset !important; } .layout .widget { border: solid; border-color: rgba(67, 67, 67, 0.1); border-width: 0 0 1px; margin-bottom: 15px; background: var(--tile-background); border: var(--tile-border); border-color: var(--tile-border-color); border-radius: var(--tile-border-radius, 0); border-width: var(--tile-border-width); display: -webkit-flex; display: -ms-flexbox; display: flex; margin: var(--tile-margin); min-height: var(--tile-min-height); position: relative; --tile-background: unset; --tile-border: unset; --tile-border-color: unset; --tile-border-width: unset; --tile-direction: column; --tile-margin: unset; --tile-min-height: initial; --tile-name: "tile-initial"; --tile-padding: var(--grid-column); --tile-primarytint: unset; --tile-secondarytint: unset; --w1-title: 800 1.125rem/1.25rem "STMatilda Info Variable", system-ui, sans-serif; --w1-text: 450 0.875rem/1.125rem "STMatilda Info Variable", system-ui, sans-serif; --w2-title: 800 1.3125rem/1.4375rem "STMatilda Info Variable", system-ui, sans-serif; --w2-text: var(--w1-text); } .layout .widget > * { color: #212121; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 18px 0; box-sizing: border-box; color: var(--tile-primarytint); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: var(--tile-direction); -ms-flex-direction: var(--tile-direction); flex-direction: var(--tile-direction); -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: var(--tile-padding); text-decoration: none; } @media (min-width: 768px) { .layout .widget { --w1-title: 800 1.4375rem/1.5625rem "STMatilda Info Variable", system-ui, sans-serif; --w1-text: 450 0.9375rem/1.1875rem "STMatilda Info Variable", system-ui, sans-serif; --w2-title: var(--w1-title); --w2-text: var(--w1-text); } } @media (min-width: 960px) { .layout .widget { --w1-title: 800 1.125rem/1.3125rem "STMatilda Info Variable", system-ui, sans-serif; --w1-text: 450 0.875rem/1.125rem "STMatilda Info Variable", system-ui, sans-serif; --w2-title: 800 1.25rem/1.4375rem "STMatilda Info Variable", system-ui, sans-serif; --w2-text: var(--w1-text); } } @media (min-width: 1690px) { .layout .widget { --w1-title: 800 1.1875rem/1.375rem "STMatilda Info Variable", system-ui, sans-serif; --w1-text: 450 0.875rem/1.125rem "STMatilda Info Variable", system-ui, sans-serif; --w2-title: 800 1.5rem/1.625rem "STMatilda Info Variable", system-ui, sans-serif; --w2-text: var(--w1-text); } } .layout .widget .blocked-media-placeholder { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: var(--placeholder-bg, rgba(0, 0, 0, 0.03)); box-sizing: border-box; color: var(--placeholder-txt, #212121); display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: "STMatilda Info Variable", system-ui, sans-serif; font-size: 0.875rem; line-height: 1.125rem; min-height: 126px; padding: 20px; position: relative; text-align: center; background: rgba(0, 0, 0, 0.05); } .layout .widget .blocked-media-placeholder .hidden { display: none; } .layout .widget .blocked-media-placeholder .placeholder { margin-left: auto; margin-right: auto; } .layout .widget .blocked-media-placeholder .placeholder img { display: block; margin-bottom: 20px; margin-left: auto; margin-right: auto; max-width: 290px; } .layout .widget .blocked-media-placeholder .provider-label em { font-style: normal; font-weight: bold; } .layout .widget .blocked-media-placeholder .connective { display: var(--placeholder-connective-display, inline); } .layout .widget .blocked-media-placeholder .buttons button { background-color: var(--placeholder-button-bg, rgba(0, 0, 0, 0.08)); border-radius: 4px; border-width: 0; color: var(--placeholder-txt, #212121); cursor: pointer; margin: var(--placeholder-button-margin, 0.625rem 0.9375rem); padding: 8px 12px; width: auto; } .layout .widget .blocked-media-placeholder .buttons button:hover, .layout .widget .blocked-media-placeholder .buttons button:focus, .layout .widget .blocked-media-placeholder .buttons button:active { background-color: var(--placeholder-button-hoverbg, rgba(0, 0, 0, 0.16)); } .layout .widget .blocked-media-placeholder .info-toggle { background-color: transparent; border-width: 0; cursor: pointer; height: 36px; padding: 0; position: absolute; right: 0; top: 0; width: 36px; z-index: 1; } .layout .widget .blocked-media-placeholder .info-toggle::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjgsMCwwLDAuOCwtMS42LC0xLjYpIj48cGF0aCBkPSJNMTEsOUwxMyw5TDEzLDdMMTEsN00xMiwyMEM3LjU5LDIwIDQsMTYuNDEgNCwxMkM0LDcuNTkgNy41OSw0IDEyLDRDMTYuNDEsNCAyMCw3LjU5IDIwLDEyQzIwLDE2LjQxIDE2LjQxLDIwIDEyLDIwTTEyLDJDNi41MTQsMiAyLDYuNTE0IDIsMTJDMiwxNy40ODYgNi41MTQsMjIgMTIsMjJDMTcuNDg2LDIyIDIyLDE3LjQ4NiAyMiwxMkMyMiw2LjUxNCAxNy40ODYsMiAxMiwyTTExLDE3TDEzLDE3TDEzLDExTDExLDExTDExLDE3WiIvPjwvZz48L3N2Zz4="); height: 16px; width: 16px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); height: 16px; width: 16px; } .layout .widget .blocked-media-placeholder .info-toggle span { display: none; } .layout .widget .blocked-media-placeholder .info { font-size: 0.8125rem; line-height: 1.0625rem; margin: 0 auto; max-width: 512px; } .layout .widget .blocked-media-placeholder .info .pur { background-color: #e00085; border-radius: 3px; color: #fff; font-size: 0.6875rem; font-style: normal; font-weight: 700; line-height: 100%; padding: 0 3px; } .layout .widget .blocked-media-placeholder .info a { color: var(--placeholder-txt, #212121); } .layout .widget .blocked-media-placeholder[data-type='privacy'] em { display: block; font-style: normal; font-weight: bold; margin-bottom: 8px; padding-bottom: 20px; position: relative; text-transform: uppercase; } .layout .widget .blocked-media-placeholder[data-type='privacy'] em::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTMgMTcuMUMtLjkgMTMuMy0xIDYuOSAyLjkgM1MxMy4xLTEgMTcgMi45bC4xLjFjMy45IDMuOSAzLjggMTAuMy0uMSAxNC4xLTMuOSAzLjktMTAuMSAzLjktMTQgMHptLjQtN2MwIDMuNyAzIDYuNyA2LjcgNi43IDEuMyAwIDIuNS0uNCAzLjYtMS4xTDQuNSA2LjVjLS43IDEtMS4xIDIuMy0xLjEgMy42em0xMi41IDMuMWMxLjgtMy4yLjYtNy4zLTIuNy05LTItMS4xLTQuNC0xLjEtNi4zIDBsOSA5eiIvPjwvc3ZnPg=="); height: 20px; width: 20px; position: absolute; content: ''; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; content: ''; display: inline-block; height: 20px; margin-bottom: -4px; margin-right: 8px; opacity: 0.8; width: 20px; } .layout .widget .blocked-media-placeholder[data-type='privacy'] span { line-height: 0.66406rem; } @media (max-width: 959.9px) { .layout .widget:not([data-mg]) { display: none !important; } } @media (min-width: 960px) { .layout .widget:not([data-dg]) { display: none !important; } } .layout .widget.widget-type-iframe { --tile-direction: column; --tile-padding: 0; } .layout .widget.widget-type-iframe > * { -webkit-justify-content: stretch; -ms-flex-pack: stretch; justify-content: stretch; line-height: 0; } .layout .widget.widget-type-iframe > * > * { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; width: 100%; } .layout .widget.widget-type-iframe > * > script { display: none; } .layout .widget.widget-type-iframe iframe { border: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100%; max-width: 100vw; width: 100%; } .layout .widget.widget-type-iframe iframe[src^='https://www.youtube.com/embed/'] { min-height: 360px; } .layout .widget.widget-type-iframe iframe[src*='/html/widgets/facebook-page-generic.html'] { min-height: 530px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout .widget.widget-type-iframe .js-embed-container > * { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .layout .widget.widget-type-calltoaction { --tile-name: 'tile--widget-cta-initial'; --tile-background: unset; --tile-primarytint: #fff; --tile-secondarytint: #eee; --tile-direction: row; --tile-margin: 10px 0; --tile-min-height: unset; --tile-padding: 0; --figure-aspectratio: unset; --header-align-content: flex-start; --header-align-self: flex-end; --header-basis: 100%; --header-contextual-background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.5) 30%, rgba(24, 25, 29, 0.8) 100%); --header-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--site--core-padding) var(--grid-column); --header-contextual-text-shadow: 0 3px 10px rgba(24, 25, 29, 0.3); --header-margin: 0; --header-order: unset; --header-padding: var(--grid-column) var(--site--core-padding); --header-text-shadow: unset; --title-font: var(--w2-title); --subtitle-font: var(--w2-text); --subtitle-topmargin: 1ex; --widget-button-background: var(--tile-primarytint); --widget-button-tint: var(--background-color); min-height: auto; min-height: var(--tile-min-height); } @media (min-width: 768px) { .layout .widget.widget-type-calltoaction { --tile-margin: 0 var(--single-column-and-gap); --header-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) var(--single-column-and-gap) var(--single-column-and-gap); --header-padding: var(--single-column-and-gap); } } @media (min-width: 960px) { .layout .widget.widget-type-calltoaction { --tile-margin: 0; --header-contextual-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) calc(var(--grid-gap) * 2) var(--single-column-and-gap); --header-padding: 15px 15px 20px; } } .layout .widget.widget-type-calltoaction > * { color: #fff; background: var(--background-color); color: var(--tile-secondarytint); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout .widget.widget-type-calltoaction > * { padding: 20px 35px; } } .layout .widget.widget-type-calltoaction figure { -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; background: rgba(0, 0, 0, 0.1); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; margin: 0; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; position: absolute; width: var(--figure-width); z-index: 1; } .layout .widget.widget-type-calltoaction figure picture { box-sizing: border-box; display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: var(--figure-minheight); padding-bottom: calc(100% / var(--figure-aspectratio)); position: relative; } .layout .widget.widget-type-calltoaction figure picture::before { content: ''; display: block; padding-bottom: calc(100% / (var(--figure-aspectratio))); } .layout .widget.widget-type-calltoaction figure img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .layout .widget.widget-type-calltoaction figure footer, .layout .widget.widget-type-calltoaction figure figcaption { display: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout .widget.widget-type-calltoaction figure { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; background: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 195px; -ms-flex-preferred-size: 195px; flex-basis: 195px; margin: 0; max-height: unset; max-width: 195px; min-height: 130px; min-width: 195px; position: static; } .layout .widget.widget-type-calltoaction figure picture { display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: auto; position: relative; } .layout .widget.widget-type-calltoaction figure picture::before { content: none; } .layout .widget.widget-type-calltoaction figure img { height: auto; position: relative; width: 100%; } } .layout .widget.widget-type-calltoaction header { -webkit-flex-basis: calc(100% - 90px); -ms-flex-preferred-size: calc(100% - 90px); flex-basis: calc(100% - 90px); margin: 0; -webkit-order: unset; -ms-flex-order: unset; order: unset; padding: 0 18px; -webkit-align-content: var(--header-align-content); -ms-flex-line-pack: var(--header-align-content); align-content: var(--header-align-content); -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-align-self: var(--header-align-self); -ms-flex-item-align: var(--header-align-self); align-self: var(--header-align-self); box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: var(--header-basis); -ms-flex-preferred-size: var(--header-basis); flex-basis: var(--header-basis); -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: var(--header-margin); -webkit-order: var(--header-order); -ms-flex-order: var(--header-order); order: var(--header-order); padding: var(--header-padding); text-shadow: var(--header-text-shadow); z-index: 1; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout .widget.widget-type-calltoaction header { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; background: none; border: 0; border-width: 0; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; padding: 0; text-shadow: unset; z-index: 1; } } .layout .widget.widget-type-calltoaction h1, .layout .widget.widget-type-calltoaction h3 { color: #fff; font: 800 1.25rem/1.4375rem "STMatilda Info Variable", system-ui, sans-serif; color: var(--tile-primarytint); -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: var(--title-font); margin: 0.5ex 0 0; -webkit-order: -3; -ms-flex-order: -3; order: -3; position: relative; } .layout .widget.widget-type-calltoaction p { font: 450 0.9375rem/1.125rem "STMatilda Info Variable", system-ui, sans-serif; display: var(--subtitle-display); -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: var(--subtitle-font); margin: var(--subtitle-topmargin) 0 0; -webkit-order: -2; -ms-flex-order: -2; order: -2; } .layout .widget.widget-type-calltoaction figure + header { margin: 0; background: var(--header-contextual-background); padding: var(--header-contextual-padding); text-shadow: var(--header-contextual-text-shadow); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout .widget.widget-type-calltoaction figure + header { margin: 0 35px 0 0; } .layout .widget.widget-type-calltoaction figure + header::after { width: 0; } } .layout .widget.widget-type-calltoaction figure + header button { background: var(--button-tint) !important; color: var(--button-background) !important; } .layout .widget.widget-type-calltoaction button { --button-background: var(--theme-primarydeco); --button-background-disabled: #aaa; --button-border: 0; --button-border-radius: 3px; --button-font-size: 1rem; --button-height: 46px; --button-margin: 0; --button-padding: 10px 20px; --button-tint: var(--theme-ui-tint, #fff); background: #e00085; border: 0; border-radius: 3px; color: #fff; font-size: 1rem; height: 46px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: var(--button-background); border: var(--button-border); border-radius: var(--button-border-radius); box-sizing: border-box; color: var(--button-tint); cursor: pointer; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-family: "STMatilda Info Variable", system-ui, sans-serif; font-size: var(--button-font-size); font-weight: bold; height: var(--button-height); -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 1px; line-height: 1; margin: var(--button-margin); padding: var(--button-padding); text-align: center; text-decoration: none; text-transform: uppercase; transition: all 0.1s ease; --button-background: var(--widget-button-background, var(--tile-primarytint, #fff)) !important; --button-border-radius: 2px !important; --button-font-size: 0.875rem !important; --button-height: 36px !important; --button-margin: 2ex 0 0 !important; --button-tint: var(--widget-button-tint, var(--background-color, #212121)) !important; background: #fff !important; color: #212121 !important; background: var(--button-background) !important; color: var(--button-tint) !important; text-shadow: none; } .layout .widget.widget-type-calltoaction button:hover { background: var(--button-background) linear-gradient(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.07)); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); } .layout .widget.widget-type-calltoaction button:focus { background: var(--button-background) linear-gradient(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.12)); } .layout .widget.widget-type-calltoaction button:active { box-shadow: none; } .layout .widget.widget-type-calltoaction button:disabled { background: #aaa; box-shadow: none; color: var(--theme-primarytint); cursor: not-allowed; opacity: 0.6; } .layout .widget.widget-type-calltoaction::after { box-sizing: border-box; content: ''; height: 0; min-height: var(--figure-minheight); padding-bottom: calc(100% / var(--figure-aspectratio)); width: 0; } .layout .widget.widget-type-recentlypublished { --tile-name: 'tile--widget-recentlypublished'; --tile-background: rgba(255, 255, 255, 0.3); --tile-padding: 0; box-sizing: border-box; display: grid; grid-auto-columns: 1fr; padding: 5px 0; } .layout .widget.widget-type-recentlypublished > h1, .layout .widget.widget-type-recentlypublished .recently-published-widget-heading { color: var(--theme-live-primarydeco); display: -webkit-flex; display: -ms-flexbox; display: flex; font: var(--kicker-font); font-weight: 700; letter-spacing: 0.01em; margin: var(--label-margin); padding: 12px 20px 0; text-transform: uppercase; } .layout .widget.widget-type-recentlypublished article { background-color: transparent; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; position: relative; } .layout .widget.widget-type-recentlypublished article > div > a { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .layout .widget.widget-type-recentlypublished article header { display: block; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0; } .layout .widget.widget-type-recentlypublished article header::after { content: ''; float: right; height: 20px; pointer-events: none; visibility: hidden; width: 20px; } .layout .widget.widget-type-recentlypublished article h1, .layout .widget.widget-type-recentlypublished article .teaser-title { box-sizing: border-box; display: inline; font: 750 16px/19.2px var(--font-info); -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0; transition: background-color 0.1s; width: 100%; } .layout .widget.widget-type-recentlypublished article dst-rl-timestamp { color: var(--tile-secondarytint); font-size: 0.75rem; opacity: 0.9; position: relative; white-space: nowrap; z-index: 2; } .layout .widget.widget-type-recentlypublished article dst-readlater { bottom: 0; position: absolute; right: 9px; z-index: 2; } @media (max-width: 767.9px) { .layout .widget.widget-type-recentlypublished { border-bottom: 1px solid rgba(67, 67, 67, 0.2); } } @media (max-width: 959.9px) { .layout .widget.widget-type-recentlypublished > h1, .layout .widget.widget-type-recentlypublished .recently-published-widget-heading { grid-column: 1 / span 4; } .layout .widget.widget-type-recentlypublished article { grid-column: 1 / span 4; } .layout .widget.widget-type-recentlypublished article > a, .layout .widget.widget-type-recentlypublished article > div { padding: 0 20px; } .layout .widget.widget-type-recentlypublished article header { padding: 12px 0; } .layout .widget.widget-type-recentlypublished article:not(:last-child) header { border-bottom: 1px solid rgba(67, 67, 67, 0.2); } } @media (min-width: 768px) { .layout .widget.widget-type-recentlypublished { border-radius: 5px; } } @media (min-width: 768px) and (max-width: 959.9px) { .layout .widget.widget-type-recentlypublished { margin: 0 35px; } .layout .widget.widget-type-recentlypublished article { grid-column: span 2; } .layout .widget.widget-type-recentlypublished article header { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout .widget.widget-type-recentlypublished article:nth-last-child(2) header { border-bottom: 0; } } @media (min-width: 960px) { .layout .widget.widget-type-recentlypublished { grid-template-columns: [content] repeat(12, 1fr); -webkit-transform: translateY(calc(var(--row-gap) * -1)); transform: translateY(calc(var(--row-gap) * -1)); } .layout .widget.widget-type-recentlypublished > h1, .layout .widget.widget-type-recentlypublished .recently-published-widget-heading { grid-column: 1 / span 12; } .layout .widget.widget-type-recentlypublished article { grid-column: span 3; } .layout .widget.widget-type-recentlypublished article > a, .layout .widget.widget-type-recentlypublished article > div { padding: 12px 0; } .layout .widget.widget-type-recentlypublished article header { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 20px; } .layout .widget.widget-type-recentlypublished article:not(:last-child) header { border-right: 1px solid rgba(67, 67, 67, 0.2); } .layout .widget.widget-type-recentlypublished article:not(:last-child) dst-readlater { right: 4px; } } .layout .widget.widget-type-communitytopics { --tile-background: var(--theme--card); --tile-name: 'tile--widget-communitytopics'; --tile-padding: 0; display: grid; grid-template-columns: [content-start] var(--site--core-padding) [header-start cta-start] 1fr [cta-end header-end] var(--site--core-padding) [content-end]; grid-template-rows: var(--grid-column) [header-start] auto [header-end content-start] auto [content-end] 5px [cta-start] auto [cta-end] var(--grid-column); } @media (min-width: 960px) { .layout .widget.widget-type-communitytopics { grid-template-columns: [content-start] 15px [header-start] 1fr [header-end] 15px [cta-start] auto [cta-end] 15px [content-end]; grid-template-rows: 15px [header-start cta-start] min-content [cta-end header-end content-start] auto [content-end]; } } .layout .widget.widget-type-communitytopics > header { grid-column: header-start / header-end; grid-row: header-start / header-end; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .layout .widget.widget-type-communitytopics > header > h1, .layout .widget.widget-type-communitytopics > header .community-widget-heading { font: var(--w1-brand); font-weight: 400; letter-spacing: 0.01em; margin: var(--label-margin); text-transform: uppercase; } .layout .widget.widget-type-communitytopics > header > h1 a, .layout .widget.widget-type-communitytopics > header .community-widget-heading a { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; color: inherit; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; } .layout .widget.widget-type-communitytopics > header > h1 a svg, .layout .widget.widget-type-communitytopics > header .community-widget-heading a svg { height: 16px; width: 16px; } .layout .widget.widget-type-communitytopics > div { box-sizing: border-box; display: grid; grid-column: content-start / content-end; grid-row: content-start / content-end; grid-template-columns: minmax(0, 1fr); } @media (min-width: 768px) and (max-width: 959.9px) { .layout .widget.widget-type-communitytopics > div { padding: 35px 0 0; /* stylelint-disable-next-line property-no-unknown */ row-gap: 15px; } } @media (min-width: 960px) { .layout .widget.widget-type-communitytopics > div { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .layout .widget.widget-type-communitytopics > div article { --tile-border: none !important; } @media (max-width: 959.9px) { .layout .widget.widget-type-communitytopics > div article:not(:last-of-type)::after { border-color: var(--tile-border-color); border-style: solid; border-width: var(--tile-border-width); bottom: 0; content: ''; left: var(--site--core-padding); min-height: unset; padding: 0; position: absolute; right: var(--site--core-padding); width: auto; } } .layout .widget.widget-type-communitytopics > div article header { min-width: 0; } .layout .widget.widget-type-communitytopics > div article .teaser-kicker { overflow: hidden; } .layout .widget.widget-type-communitytopics > div article .teaser-kicker strong { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; /* stylelint-disable-next-line property-no-unknown */ max-width: 100%; } .layout .widget.widget-type-communitytopics > div article .teaser-kicker span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .layout .widget.widget-type-communitytopics > div article .teaser-kicker svg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 960px) { .layout .widget.widget-type-communitytopics:has( + .tile-ad.ad-active) > div { grid-template-columns: repeat(3, minmax(0, 1fr)); } .layout .widget.widget-type-communitytopics:has( + .tile-ad.ad-active) > div article:last-of-type { display: none; } } .layout .widget.widget-type-communitytopics .communitytopics-cta { background: #202226; color: #fff; background-color: var(--theme-ui-background); border-radius: 3px; box-sizing: border-box; color: var(--theme-ui-tint); opacity: 0.9; text-decoration: none; transition: opacity 300ms ease, box-shadow 100ms ease; -webkit-align-self: start; -ms-flex-item-align: start; align-self: start; background-color: var(--theme--primary); color: var(--theme--on-primary); display: -webkit-flex; display: -ms-flexbox; display: flex; font: var(--kicker-font); font-weight: 500; grid-column: cta-start / cta-end; grid-row: cta-start / cta-end; padding: 9px 15px; text-align: center; } .layout .widget.widget-type-communitytopics .communitytopics-cta:hover { opacity: 1; } .layout .widget.widget-type-discover dst-discover { padding: 0; } .layout .widget.widget-id-1e81388a-f0c0-4135-9861-c9d743047350 > *, .layout .widget.widget-id-38e913cb-3603-49d6-8e4a-9ec003644cce > * { background: #94ba65; } .layout .widget.widget-id-1e81388a-f0c0-4135-9861-c9d743047350.widget-type-calltoaction button, .layout .widget.widget-id-38e913cb-3603-49d6-8e4a-9ec003644cce.widget-type-calltoaction button { height: auto; min-height: var(--button-height); } .layout .widget.widget-id-137fcb5a-4115-4af2-8364-9d758d91edf4 > *, .layout .widget.widget-id-fe9c3ecf-c23d-408e-8f48-85191fb1f279 > * { background: #24869b; } .layout .widget.widget-id-137fcb5a-4115-4af2-8364-9d758d91edf4.widget-type-calltoaction button, .layout .widget.widget-id-fe9c3ecf-c23d-408e-8f48-85191fb1f279.widget-type-calltoaction button { height: auto; min-height: var(--button-height); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout .widget.widget-id-6fdcea3f-6880-4243-a7f5-4394008cfb5b { -webkit-flex-basis: 100% !important; -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } } .layout .widget.widget-type-calltoaction.widget-id-6e22596b-cbdb-491c-8a95-b66f765a843b, .layout .widget.widget-type-calltoaction.widget-id-d961f42b-9c66-479e-bf38-038ad1d4c938 { --header-contextual-background: none; } .layout .widget.widget-type-calltoaction.widget-id-6e22596b-cbdb-491c-8a95-b66f765a843b > *, .layout .widget.widget-type-calltoaction.widget-id-d961f42b-9c66-479e-bf38-038ad1d4c938 > * { background-position: 50% 50%; background-size: cover; } .layout .widget.widget-type-calltoaction.widget-id-6e22596b-cbdb-491c-8a95-b66f765a843b h1, .layout .widget.widget-type-calltoaction.widget-id-6e22596b-cbdb-491c-8a95-b66f765a843b h3, .layout .widget.widget-type-calltoaction.widget-id-6e22596b-cbdb-491c-8a95-b66f765a843b p, .layout .widget.widget-type-calltoaction.widget-id-d961f42b-9c66-479e-bf38-038ad1d4c938 h1, .layout .widget.widget-type-calltoaction.widget-id-d961f42b-9c66-479e-bf38-038ad1d4c938 h3, .layout .widget.widget-type-calltoaction.widget-id-d961f42b-9c66-479e-bf38-038ad1d4c938 p { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; background-color: #fff; display: inline; opacity: 0.9; padding: 3px; } .layout .widget.widget-type-calltoaction.widget-id-6e22596b-cbdb-491c-8a95-b66f765a843b h1, .layout .widget.widget-type-calltoaction.widget-id-6e22596b-cbdb-491c-8a95-b66f765a843b h3, .layout .widget.widget-type-calltoaction.widget-id-d961f42b-9c66-479e-bf38-038ad1d4c938 h1, .layout .widget.widget-type-calltoaction.widget-id-d961f42b-9c66-479e-bf38-038ad1d4c938 h3 { color: #212121; max-width: 80%; } .layout .widget.widget-type-calltoaction.widget-id-6e22596b-cbdb-491c-8a95-b66f765a843b p, .layout .widget.widget-type-calltoaction.widget-id-d961f42b-9c66-479e-bf38-038ad1d4c938 p { color: #434343; } .layout .widget.widget-type-calltoaction.widget-id-6e22596b-cbdb-491c-8a95-b66f765a843b a, .layout .widget.widget-type-calltoaction.widget-id-6e22596b-cbdb-491c-8a95-b66f765a843b button, .layout .widget.widget-type-calltoaction.widget-id-d961f42b-9c66-479e-bf38-038ad1d4c938 a, .layout .widget.widget-type-calltoaction.widget-id-d961f42b-9c66-479e-bf38-038ad1d4c938 button { background-color: #35345c !important; color: #fff !important; } .layout .widget.widget-id-1d7c323f-49e9-41f0-badc-87e27d88ab33 { --tile-background: #fff !important; --tile-padding: 10px !important; } .layout > section { --template-columns: [content] repeat(4, 1fr); box-sizing: border-box; display: grid; grid-column-gap: var(--gap); grid-row-gap: var(--row-gap, var(--gap)); grid-template-columns: var(--template-columns); grid-column: content / span 4; } @media (min-width: 960px) { .layout > section { --template-columns: [content] repeat(12, 1fr); } } @supports not (display: grid) { .layout > section > * { margin-bottom: var(--row-gap, var(--gap)) !important; } } @media print { .layout > section { display: block; position: relative; } } .layout > section.custom-slider { grid-row-gap: 15px; scrollbar-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.05); scrollbar-width: thin; } .layout > section.custom-slider::-webkit-scrollbar { background: none; height: 3px; width: 3px; } .layout > section.custom-slider::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); } .layout > section.custom-slider::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } .layout > section.custom-slider footer { display: none; } @media (max-width: 767.9px) { .layout > section.custom-slider { margin-bottom: var(--grid-gap); } } @media (min-width: 768px) { .layout > section.custom-slider::before { padding-top: 0; } } @media (max-width: 959.9px) { .layout > section.custom-slider { --gap: 10px; --template-columns: auto; overflow-x: auto; } .layout > section.custom-slider article { min-width: 10rem; } } @media (min-width: 655px) and (max-width: 959.9px) { .layout > section.custom-slider { margin-left: calc(var(--site--core-margin-left) * -1); margin-right: calc(var(--site--core-margin-right) * -1); } } @media (max-width: 959.9px) { .layout > section.custom-slider { padding-left: var(--grid-gap); } .layout > section.custom-slider::after { content: ''; display: block; grid-column: 1 / span 13; grid-row: 2; height: 1px; padding-right: 5px; width: 100%; z-index: -1; } } @media (min-width: 768px) { .layout > section div[data-dg='ad1-1'].ad-active { background: none; } .layout > section div[data-dg='ad1-1'].ad-active [data-ad-active-format*='billboard'].ad-container-used:not(.ad-empty) { background: rgba(0, 0, 0, 0.03); margin-top: calc(var(--row-gap) * -1); } .layout > section div[data-dg='ad1-1'].ad-active + .widget.widget-type-recentlypublished { -webkit-transform: translateY(0); transform: translateY(0); } } @media (min-width: 960px) { .layout > section { grid-column: content / span 12; } } .layout > section header h1:empty, .layout > section.custom-lead > header, .layout > section.custom-lead > footer, .layout > section[data-id='s1'] > header, .layout > section[data-id='s1'] > footer { display: none !important; } .layout > section:not([data-type='date']):not([data-id='s1']) { position: relative; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout > section:not([data-type='date']):not([data-id='s1'])::before { content: none !important; } } .layout > section:not([data-type='date']):not([data-id='s1'])::before { background: var(--theme-background); content: ''; height: 100%; position: absolute; width: 100%; } @media (min-width: 655px) { @supports (display: grid) { .layout > section:not([data-type='date']):not([data-id='s1'])::before { -webkit-transform: translatex(calc(var(--site--core-margin-left) * -1)); transform: translatex(calc(var(--site--core-margin-left) * -1)); width: 100vw; } } } @media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) { .layout > section:not([data-type='date']):not([data-id='s1']) { padding-top: 20px; width: auto; } } @media (min-width: 768px) { .layout > section:not([data-type='date']):not([data-id='s1'])::before { padding-top: var(--row-gap); } @supports (display: grid) { .layout > section:not([data-type='date']):not([data-id='s1'])::before { -webkit-transform: translatex(calc(var(--site--core-margin-left) * -1)); transform: translatex(calc(var(--site--core-margin-left) * -1)); width: 100vw; } } @supports not (display: grid) { .layout > section:not([data-type='date']):not([data-id='s1'])::before { position: absolute; top: 0; -webkit-transform: translatex(calc(var(--site--core-margin-left) * -1)); transform: translatex(calc(var(--site--core-margin-left) * -1)); width: 100vw; } } } @media (min-width: 2100px) { @supports (display: grid) { :root:not(.dst-header) .layout > section:not([data-type='date']):not([data-id='s1'])::before { -webkit-transform: translateX(calc((100vw - var(--site--core-maxwidth)) / 2 * -1)); transform: translateX(calc((100vw - var(--site--core-maxwidth)) / 2 * -1)); } } @supports not (display: grid) { :root:not(.dst-header) .layout > section:not([data-type='date']):not([data-id='s1'])::before { -webkit-transform: translateX(calc((100vw - var(--site--core-maxwidth)) / 2 * -1)); transform: translateX(calc((100vw - var(--site--core-maxwidth)) / 2 * -1)); } } } @media print { .layout > section:not([data-type='date']):not([data-id='s1'])::before { content: none !important; } } .layout > section:not([data-type='date']):not([data-id='s1']) > header { box-sizing: border-box; color: #212121; color: var(--theme-primarytint); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; min-width: 100%; position: relative; } .layout > section:not([data-type='date']):not([data-id='s1']) > header svg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 40px; left: 0; position: absolute; top: 5px; width: 40px; } .layout > section:not([data-type='date']):not([data-id='s1']) > header svg + * { margin-left: calc(40px - var(--grid-column)); margin-right: calc(var(--grid-column) * -1); } .layout > section:not([data-type='date']):not([data-id='s1']) > header div { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 50px; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; padding-left: var(--site--core-padding); scrollbar-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.05); scrollbar-width: thin; } .layout > section:not([data-type='date']):not([data-id='s1']) > header div::-webkit-scrollbar { background: none; height: 3px; width: 3px; } .layout > section:not([data-type='date']):not([data-id='s1']) > header div::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } .layout > section:not([data-type='date']):not([data-id='s1']) > header div::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); } .layout > section:not([data-type='date']):not([data-id='s1']) > header div::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.2); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout > section:not([data-type='date']):not([data-id='s1']) > header div { display: block; overflow-x: visible; overflow-y: visible; } } .layout > section:not([data-type='date']):not([data-id='s1']) > header h1, .layout > section:not([data-type='date']):not([data-id='s1']) > header h2 { background: var(--theme-background); -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font: 1.25rem "STMatilda Brand", serif; line-height: 2.25rem; margin: 0; text-transform: lowercase; white-space: nowrap; } .layout > section:not([data-type='date']):not([data-id='s1']) > header h1:empty, .layout > section:not([data-type='date']):not([data-id='s1']) > header h2:empty { display: none; } .layout > section:not([data-type='date']):not([data-id='s1']) > header h1 a, .layout > section:not([data-type='date']):not([data-id='s1']) > header h2 a { color: currentColor; text-decoration: none; } .layout > section:not([data-type='date']):not([data-id='s1']) > header h1:last-child, .layout > section:not([data-type='date']):not([data-id='s1']) > header h2:last-child { padding-right: var(--site--core-padding); } .layout > section:not([data-type='date']):not([data-id='s1']) > header h1:not(:last-child), .layout > section:not([data-type='date']):not([data-id='s1']) > header h2:not(:last-child) { -webkit-clip-path: polygon(0 0, calc(100%) 0, calc(100% - 17px) 100%, 0% 100%); clip-path: polygon(0 0, calc(100%) 0, calc(100% - 17px) 100%, 0% 100%); } .layout > section:not([data-type='date']):not([data-id='s1']) > header h1:not(:last-child)::after, .layout > section:not([data-type='date']):not([data-id='s1']) > header h2:not(:last-child)::after { content: '/'; margin: 0 7px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout > section:not([data-type='date']):not([data-id='s1']) > header h1:not(:last-child), .layout > section:not([data-type='date']):not([data-id='s1']) > header h2:not(:last-child) { -webkit-clip-path: none; clip-path: none; } .layout > section:not([data-type='date']):not([data-id='s1']) > header h1:not(:last-child)::after, .layout > section:not([data-type='date']):not([data-id='s1']) > header h2:not(:last-child)::after { display: none; } } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav { padding-right: var(--site--core-padding); } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav ul { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style-type: none; margin: 0; padding: 0; } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav li { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0.9375rem; letter-spacing: 0.5px; text-transform: uppercase; white-space: nowrap; } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav a { color: currentColor; display: block; padding: 7px 7px 0; text-decoration: none; } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav a::after { border-bottom: 1px solid transparent; content: ''; display: block; } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav a:hover::after { border-bottom-color: currentColor; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout > section:not([data-type='date']):not([data-id='s1']) > header nav ul { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav li { display: inline; margin-right: 10px; } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav li a { display: inline; padding: 0; } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav li:last-child { margin-left: 0; } } .layout > section:not([data-type='date']):not([data-id='s1']) > header h3 { display: none; } .layout > section:not([data-type='date']):not([data-id='s1']) > header p { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 0.9375rem; line-height: 1.1875rem; margin: 0 0 var(--grid-column); } .layout > section:not([data-type='date']):not([data-id='s1']) > header p br { display: none; } .layout > section:not([data-type='date']):not([data-id='s1']) > footer { color: #212121; color: var(--theme-primarytint); min-height: calc(var(--single-column-and-gap)); } @media (min-width: 768px) { .layout > section:not([data-type='date']):not([data-id='s1']) > header { margin: 0 0 calc(var(--row-gap) * -1) calc(var(--site--core-margin-left) * -1); padding: 22px 0 15px var(--site--core-margin-left); } .layout > section:not([data-type='date']):not([data-id='s1']) > header div { margin-right: calc((var(--site--core-margin-right) + var(--site--core-margin-left)) * -1); padding-left: 0; } .layout > section:not([data-type='date']):not([data-id='s1']) > header h1, .layout > section:not([data-type='date']):not([data-id='s1']) > header h2 { font-size: 1.5625rem; left: 0; position: -webkit-sticky; position: sticky; z-index: 1; } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: var(--site--core-margin-right); } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav a { padding: 13px 7px 0; } } @media (min-width: 960px) { .layout > section:not([data-type='date']):not([data-id='s1']) > header { margin: 0 0 calc(var(--row-gap) * -1); padding: 22px 0 15px; } .layout > section:not([data-type='date']):not([data-id='s1']) > header svg { height: 90px; margin-left: 0; width: 90px; } .layout > section:not([data-type='date']):not([data-id='s1']) > header svg ~ * { margin-left: 90px; margin-right: 0; } .layout > section:not([data-type='date']):not([data-id='s1']) > header div { margin-right: 0; } .layout > section:not([data-type='date']):not([data-id='s1']) > header h1, .layout > section:not([data-type='date']):not([data-id='s1']) > header h2 { font-size: 1.875rem; } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav { padding-right: 0; } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav ul::before { font-size: 1.875rem; margin: 0 5px 0 15px; } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav li { -webkit-transform: translateY(3.5px); transform: translateY(3.5px); } .layout > section:not([data-type='date']):not([data-id='s1']) > header nav a { padding: 7px 10px 0; } .layout > section:not([data-type='date']):not([data-id='s1']) > header p { margin-bottom: 0; } .layout > section:not([data-type='date']):not([data-id='s1']) > header p br { display: unset; } } @media print { .layout > section:not([data-type='date']):not([data-id='s1']) > header h1 { background: none; } } .layout > section:not([data-type='date']):not([data-id='s1']).theme-oenrw > header::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDkuODYiIGhlaWdodD0iMTUwIj48cGF0aCBkPSJNMTM1Ljg2IDIuMTFjLTQuNjkgMS41NC04Ljg3IDUtMTIuNjYgOC4wMy0zLjUgMi44LTYuODkgNS43Ni0xMC4yMyA4Ljc2YTY3LjY3IDY3LjY3IDAgMCAwLTc0LjE0LTYuNjdsLTEuMDQtMS4yNGMtMi44NC0zLjI5LTUuNzQtNi45NC05LjI1LTkuNTYtOS40OC03LjEtMTYuNDIgMTQuMjMtMTYuMDkgMjAuNTkuMTkgMy40NiAyLjI2IDYuNCA0LjI5IDkuMTZhNjcuNTUgNjcuNTUgMCAwIDAtNS4zIDczLjk3Yy01LjAyIDQuMTQtOS43MiA4Ljg5LTExLjA2IDE1LjA2LTEuNDIgNi40OC44OSAyNS42NiAxMS42IDIwLjQ3IDQuMy0yLjA5IDguMi01LjI1IDExLjk4LTguMTUgMi4zNC0xLjc5IDQuNjMtMy42NCA2LjkxLTUuNDlhNjcuNDMgNjcuNDMgMCAwIDAgNzQuNTUgMy41N2wxLjk4IDIuMmExMTcuOTggMTE3Ljk4IDAgMCAwIDEzLjA0IDEyLjhjMi41MiAyIDUuOTIgNC42OCA5LjM2IDQuMzYgNS41My0uNTEgOC4xLTcuOTcgOS4yLTEyLjQ0IDEuNC01LjcyIDEuOTYtMTIuNzYtLjU3LTE4LjI2LTEuMy0yLjgzLTMuOS01LjA4LTYuMDMtNy4zLTEuMjgtMS4zMi0yLjYtMi42My0zLjktMy45NGE2Ny4yOSA2Ny4yOSAwIDAgMCAzLjY4LTY1YzUuNzQtNC4yNiAxMS45My04Ljk1IDE1LjMyLTE0Ljg4IDQuODQtOC40NyAyLjgzLTMwLjc4LTExLjY0LTI2LjA0ek03MC44NSAxMy45YTU3LjkgNTcuOSAwIDAgMSAzNC44MiAxMS42NmMtLjMxLjMtLjY0LjU5LS45Ni44OEExNzEyLjcgMTcxMi43IDAgMCAxIDc0LjMgNTQuMDJjLTcuOTctOC44LTE1LjYtMTcuOS0yMy4xNi0yNy4wNWwtNS44NS03LjA4YTU3LjgzIDU3LjgzIDAgMCAxIDI1LjU2LTUuOTl6TTIyLjg4IDM5LjE1cTQuMDcgNS4wNiA4LjMgOS45N2M2Ljg2IDcuOTcgMTQgMTUuNjYgMjEuMjIgMjMuMjlDNDEuMzcgODEuMzQgMzAuMiA5MC4wOSAxOS4xOCA5OWE1Ny45NSA1Ny45NSAwIDAgMSAzLjctNTkuODZ6bTQ3Ljk3IDkxLjNhNTcuOTIgNTcuOTIgMCAwIDEtMzIuMjMtOS43N2MxLjA1LS44OSAyLjEyLTEuNzYgMy4xNy0yLjY0IDkuOTgtOC40IDE5LjgzLTE2LjkzIDI5LjY4LTI1LjQ3IDkuMzUgMTAuMDMgMTguMjcgMjAuNDQgMjcuMzUgMzAuN2E1Ny44OSA1Ny44OSAwIDAgMS0yNy45OCA3LjE4em01MC42My0yOS41NGMtOS4yMy05LjE4LTE4LjctMTguMTItMjguMDItMjcuMmExMTgzLjA1IDExODMuMDUgMCAwIDEgMzAuODUtMjQuNjcgNTcuOTQgNTcuOTQgMCAwIDEtMi44MyA1MS44N3oiLz48L3N2Zz4="); background-position: 50% 50%; background-repeat: no-repeat; content: ''; height: 155px; left: 5px; opacity: 0.05; position: absolute; top: 5px; width: 147px; } @media (min-width: 960px) { .layout > section:not([data-type='date']):not([data-id='s1']).theme-oenrw > header::before { left: -20px; } } @media (min-width: 1600px) { .layout > section:not([data-type='date']):not([data-id='s1']).theme-oenrw > header::before { left: -80px; } } .layout > section:not([data-type='date']):not([data-id='s1']).theme-oenrw > header h1, .layout > section:not([data-type='date']):not([data-id='s1']).theme-oenrw > header h2 { background: none; } .layout .custom-videosection article.is-opinion { --tile-background: transparent !important; } .layout .custom-videosection footer { display: none; } @media (max-width: 959.9px) { .layout .custom-videosection article { --attachments-display: none !important; --attachments-figure-contextual-display: none !important; --figure-aspectratio: 1.778 !important; --subtitle-attachments-contextual-display: none !important; --subtitle-figure-contextual-display: none !important; } .layout .custom-videosection article[data-mt='4x4c'] { --figure-aspectratio: 1.5 !important; --header-padding: calc((var(--grid-column) + var(--grid-gap)) * 2) calc(var(--site--core-padding) + 75px) var(--grid-column) var(--site--core-padding); } .layout .custom-videosection article[data-mt='4x4c'] header .duration { bottom: var(--grid-column); position: absolute; right: var(--site--core-padding); } .layout .custom-videosection article[data-mt='4x4'], .layout .custom-videosection article[data-mt='4x3'] { --title-font: var(--w2-title); } } @media (min-width: 768px) and (max-width: 959.9px) { .layout .custom-videosection { --row-gap: 0; } .layout .custom-videosection article[data-mt='4x4c'] { --figure-aspectratio: 1.778 !important; } } @media (min-width: 960px) { .layout .custom-videosection article[data-dt='3x3'] { --tile-padding: 0 0 15px !important; --header-padding: var(--grid-gap) var(--grid-gap) 0 0; } } @supports (aspect-ratio: 1) or (not (-webkit-touch-callout: none)) { @media (max-width: 959.9px) { .layout .custom-videosection { --gap: 10px; margin: var(--grid-gap) 0; --template-columns: auto; -webkit-overflow-scrolling: touch; overflow-x: auto; scroll-behavior: smooth; scroll-padding: 0 20px 0 10px; -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .layout .custom-videosection > header { left: 0; max-width: 100vw !important; min-width: 0 !important; position: -webkit-sticky !important; position: sticky !important; } .layout .custom-videosection article[data-mt='4x4c'] { grid-row: 2; left: 0; max-width: 100vw; position: -webkit-sticky; position: sticky; } .layout .custom-videosection article[data-mt='4x4'], .layout .custom-videosection article[data-mt='4x3'] { --tile-border: none; --tile-padding: 20px 0; grid-column: auto; grid-row: 6; min-width: 285px; scroll-margin: 0 10px; scroll-snap-align: start; } .layout .custom-videosection article:nth-of-type(2) { margin-left: var(--site--core-padding); scroll-margin: 0 20px; } .layout .custom-videosection .tile-ad { left: 0; max-width: 100vw; position: -webkit-sticky; position: sticky; } .layout .custom-videosection::after { content: ''; grid-column: 4; height: 1px; min-width: calc(var(--site--core-padding) - 10px); } .layout .custom-videosection::-webkit-scrollbar { background: none; height: 3px; width: 3px; } .layout .custom-videosection::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); } .layout .custom-videosection::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } } @media (min-width: 768px) and (max-width: 959.9px) { .layout .custom-videosection { margin: 0 calc(var(--site--core-margin-right) * -1) 0 calc(var(--site--core-margin-left) * -1); } .layout .custom-videosection > header div { margin-right: 0 !important; } .layout .custom-videosection article[data-mt='4x4c'] { --tile-margin: 0 calc(var(--site--core-margin-right) + var(--single-column-and-gap)) 0 calc(var(--site--core-margin-left) + var(--single-column-and-gap)); left: calc(var(--site--core-margin-left) + var(--single-column-and-gap)); max-width: calc(100vw - var(--site--core-margin-left) - var(--site--core-margin-right) - var(--single-column-and-gap) * 2); } .layout .custom-videosection article[data-mt='4x4'] { --tile-margin: 0; } .layout .custom-videosection article[data-mt='4x4']:nth-of-type(2) { margin-left: calc(var(--site--core-margin-left) + var(--single-column-and-gap)); scroll-margin: 0 calc(var(--site--core-margin-right) + var(--single-column-and-gap)) 0 calc(var(--site--core-margin-left) + var(--single-column-and-gap)); } .layout .custom-videosection::after { min-width: calc(var(--site--core-margin-right) + var(--single-column-and-gap) - 10px); } } } .layout section[data-type='date'] { --template-columns: [content] repeat(4, 1fr); box-sizing: border-box; display: grid; grid-column-gap: var(--gap); grid-row-gap: var(--row-gap, var(--gap)); grid-template-columns: var(--template-columns); } @media (min-width: 960px) { .layout section[data-type='date'] { --template-columns: [content] repeat(12, 1fr); } } @supports not (display: grid) { .layout section[data-type='date'] > * { margin-bottom: var(--row-gap, var(--gap)) !important; } } @media print { .layout section[data-type='date'] { display: block; position: relative; } } @media (min-width: 768px) { .layout section[data-type='date'] { padding-top: var(--grid-gap); } } .layout section[data-type='date'] > header { background: var(--theme-background); grid-column: 1 / span 4; position: -webkit-sticky; position: sticky; top: var(--site--header-minheight); z-index: 2; } .dst-header .layout section[data-type='date'] > header { top: 0; } @media (min-width: 768px) { .layout section[data-type='date'] > header { margin: 0 calc(var(--site--core-margin-right) * -1) var(--grid-gap) calc(var(--site--core-margin-left) * -1); } } @media (min-width: 960px) { .layout section[data-type='date'] > header { grid-column: 1 / span 4; margin: 0 0 25px; top: 125px; } .dst-header .layout section[data-type='date'] > header { top: 25px; } } .layout section[data-type='date'] > header div { padding: 0 15px; background: rgba(0, 0, 0, 0.05); padding: 0 var(--site--core-padding); } @media (min-width: 768px) { .layout section[data-type='date'] > header div { padding: 0 calc(var(--site--core-margin-right)) 0 calc(var(--site--core-margin-left)); } } @media (min-width: 960px) { .layout section[data-type='date'] > header div { display: inline-block; padding: 0 var(--site--core-padding); } } .layout section[data-type='date'] > header h1, .layout section[data-type='date'] > header h2 { display: inline; font: 700 1.0625rem/2.5rem "STMatilda Info Variable", system-ui, sans-serif; margin: 0; } .layout section[data-type='date'] > header span { display: inline; font: 420 0.875rem/1.25rem "STMatilda Info Variable", system-ui, sans-serif; } .layout section[data-type='date'] > header span::before { content: ' / '; } .layout section[data-type='date'] > footer { display: none; } .layout section[data-type='date'] article { --time-display: block !important; } .layout section[data-type='date'] article:first-of-type { border-top: 0; } @media (max-width: 959.9px) { .layout section[data-type='date'] article:last-of-type { border-bottom: 0; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout section[data-type='date'] { display: block; } .layout section[data-type='date'] article { margin-left: auto; margin-right: auto; max-width: 615px; } .layout section[data-type='date'] article time { display: block !important; } } .layout section[data-type='date'] article { grid-column: auto / span 4; } @media (min-width: 960px) { .layout section[data-type='date'] article { grid-column: 5 / span 7; grid-row: auto / span 2; } @supports not (display: grid) { .layout section[data-type='date'] article { margin-left: 33.33% !important; margin-right: 8.33% !important; } } } @supports not (display: grid) { @media (min-width: 768px) { .layout section > * { margin-bottom: var(--row-gap, var(--gap)) !important; } } @media (min-width: 960px) { .layout section { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .layout section > * { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 var(--gap) var(--row-gap, var(--gap)) 0 !important; } .layout section > *[data-dt^='3x'] { -webkit-flex-basis: calc(25% - var(--gap)); -ms-flex-preferred-size: calc(25% - var(--gap)); flex-basis: calc(25% - var(--gap)); max-width: calc(25% - var(--gap)); } .layout section > *[data-dt^='4x'] { -webkit-flex-basis: calc(33.333% - var(--gap)); -ms-flex-preferred-size: calc(33.333% - var(--gap)); flex-basis: calc(33.333% - var(--gap)); max-width: calc(33.333% - var(--gap)); } .layout section > *[data-dt^='6x'] { -webkit-flex-basis: calc(50% - var(--gap)); -ms-flex-preferred-size: calc(50% - var(--gap)); flex-basis: calc(50% - var(--gap)); max-width: calc(50% - var(--gap)); } .layout section > *[data-dt^='7x'] { -webkit-flex-basis: calc(58.33% - var(--gap)); -ms-flex-preferred-size: calc(58.33% - var(--gap)); flex-basis: calc(58.33% - var(--gap)); max-width: calc(58.33% - var(--gap)); } .layout section > *[data-dt^='8x'] { -webkit-flex-basis: calc(66.667% - var(--gap)); -ms-flex-preferred-size: calc(66.667% - var(--gap)); flex-basis: calc(66.667% - var(--gap)); max-width: calc(66.667% - var(--gap)); } .layout section > *[data-dt^='9x'] { -webkit-flex-basis: calc(75% - var(--gap)); -ms-flex-preferred-size: calc(75% - var(--gap)); flex-basis: calc(75% - var(--gap)); max-width: calc(75% - var(--gap)); } } } @supports (not (display: grid)) and (-webkit-marquee-repetition: infinite) and (object-fit: fill) { .layout article > * { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout article figure { -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; margin: 0; margin: unset; max-height: unset; max-width: 100%; min-height: unset; min-width: 100%; position: static; z-index: 1; } .layout article figure picture { padding-bottom: calc(100% / 1.77778); position: relative !important; } .layout article header { padding: 20px 0 0; } .layout article header .teaser-subtitle { display: none !important; } @media (max-width: 1023.9px) { .layout article[data-mt*='c'] > * { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .layout article[data-mt*='c'] figure picture { padding-bottom: calc(100% / 0); } .layout article[data-mt*='c'] figure { max-height: 100%; max-width: 100%; min-height: 90%; min-width: 100%; position: absolute; } .layout article[data-mt*='c'] header { background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.55) 20%, #18191d 70%); padding: 16px; } .layout article[data-mt*='c'] header .teaser-subtitle { display: block !important; } } @media (min-width: 1024px) { .layout article[data-dt*='c'] > * { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .layout article[data-dt*='c'] figure picture { padding-bottom: calc(100% / 0); } .layout article[data-dt*='c'] figure { max-height: 100%; max-width: 100%; min-height: 90%; min-width: 100%; position: absolute; } .layout article[data-dt*='c'] header { background: linear-gradient(to bottom, rgba(24, 25, 29, 0) 0%, rgba(24, 25, 29, 0.55) 20%, #18191d 70%); padding: 35px; } .layout article[data-dt*='c'] header .teaser-subtitle { display: block !important; } } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout section { border-bottom: 3px solid rgba(0, 0, 0, 0.2); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; } .layout section header, .layout section footer, .layout section article { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .layout section article:not([data-mg]) { display: none !important; } .layout section article[data-mt] { min-height: initial; } .layout section article[data-mt] > div.teaser-inner { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout section article[data-mt] > * { padding: 20px 35px; } .layout section article[data-mt] figure { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; background: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 195px; -ms-flex-preferred-size: 195px; flex-basis: 195px; margin: 0; max-height: unset; max-width: 195px; min-height: 130px; min-width: 195px; position: unset; } .layout section article[data-mt] figure picture { display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: auto; position: relative; } .layout section article[data-mt] figure picture::before { content: none; } .layout section article[data-mt] figure img { height: auto; position: relative; width: 100%; } .layout section article[data-mt] figure footer, .layout section article[data-mt] figure figcaption { display: none; } .layout section article[data-mt] header { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; background: none; border: 0; border-width: 0; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; padding: 0; text-shadow: unset; z-index: 1; } .layout section article[data-mt] time, .layout section article[data-mt] .teaser-postingcount, .layout section article[data-mt] .teaser-kicker, .layout section article[data-mt] .storylabels { font: 420 0.875rem/1.3125rem "STMatilda Info Variable", system-ui, sans-serif; } .layout section article[data-mt] .teaser-postingcount { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout section article[data-mt] .teaser-postingcount:empty { display: none; } .layout section article[data-mt] .teaser-postingcount span { display: inline; margin-left: 0.5ex; } .layout section article[data-mt] .teaser-postingcount:not(:empty)::before { display: none; } .layout section article[data-mt] .teaser-postingcount:not(:empty) + .teaser-kicker { margin-right: 10px; } .layout section article[data-mt] .teaser-kicker { margin: 0 1ex 0 0; text-transform: uppercase; } .layout section article[data-mt] .storylabels { color: var(--theme-deco, ); font-weight: 700; margin-right: 1ex; margin-top: 1ex; text-transform: uppercase; } .layout section article[data-mt] h1 { color: #212121; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: 600 1.125rem/1.375rem "STMatilda Info Variable", system-ui, sans-serif; margin: 0.5ex 0 0; position: relative; } .layout section article[data-mt] .teaser-subtitle { display: block; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: 420 0.875rem/1.125rem "STMatilda Info Variable", system-ui, sans-serif; margin: 1ex 0 0; } .layout section article[data-mt] .teaser-subtitle::before { background-color: rgba(0, 0, 0, 0.07); content: ''; display: none; height: 1px; margin: 0.5ex 0 1.5ex; width: 35px; } .layout section article[data-mt] figure + header { margin: 0 35px 0 0; } .layout section article[data-mt] figure + header::after { width: 0; } .layout section article[data-mt] figure + header h1 + .teaser-subtitle { display: block; } .layout section article[data-mt] ul { margin: 0; padding: 0; } .layout section article[data-mt] ul li > * { display: inline-block; } .layout section article[data-mt][data-type='live'] { --tile-primarytint: var(--theme-live-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-live-secondarytint, var(--theme-secondarytint)) !important; --theme-primarydeco: var(--theme-live-primarydeco) !important; --theme-secondarydeco: var(--theme-live-secondarydeco) !important; } .layout section article[data-mt].is-ugc { --tile-primarytint: var(--theme-ugc-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-ugc-secondarytint, var(--theme-secondarytint)) !important; --theme-primarydeco: var(--theme-ugc-primarydeco) !important; } .layout section article[data-mt].is-ugc .storylabels span { color: var(--theme-primarydeco); } .layout section article[data-mt].is-opinion { --tile-background: var(--theme-opinion-background) !important; --tile-primarytint: var(--theme-opinion-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-opinion-secondarytint, var(--theme-secondarytint)) !important; --theme-primarydeco: var(--theme-opinion-primarydeco) !important; } .layout section article[data-mt].is-opinion .storylabels span { background-color: var(--theme-primarydeco); color: var(--theme-opinion-secondarydeco); margin-left: -3px; padding: 1px 3px; } .layout section article[data-mt].is-promotion { --tile-background: rgba(0, 0, 0, 0.03) !important; --theme-primarydeco: #747574 !important; } .layout section article[data-mt].is-promotion header::after { color: var(--theme-primarydeco); content: 'WERBUNG'; font: var(--kicker-font); font-weight: 700; letter-spacing: 0.01em; margin-right: 1ex; margin-top: 1ex; text-transform: uppercase; width: auto !important; } .layout section[data-id='s1'] article[data-mg='p2-1'] { background: rgba(0, 0, 0, 0.05); min-height: initial; -webkit-flex-basis: 100% !important; -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; margin-right: 0 !important; } .layout section[data-id='s1'] article[data-mg='p2-1'] > * { padding: 35px; } .layout section[data-id='s1'] article[data-mg='p2-1'] figure { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; background: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin: 0; max-height: 400px; max-width: 600px; min-height: 200px; min-width: 300px; position: unset; } .layout section[data-id='s1'] article[data-mg='p2-1'] figure picture { display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: auto; position: relative; } .layout section[data-id='s1'] article[data-mg='p2-1'] figure picture::before { content: none; } .layout section[data-id='s1'] article[data-mg='p2-1'] figure img { height: auto; position: relative; width: 100%; } .layout section[data-id='s1'] article[data-mg='p2-1'] figure footer, .layout section[data-id='s1'] article[data-mg='p2-1'] figure figcaption { display: none; } .layout section[data-id='s1'] article[data-mg='p2-1'] header { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; background: none; border: 0; border-width: 0; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; -webkit-order: 0; -ms-flex-order: 0; order: 0; padding: 0; text-shadow: unset; z-index: 1; } .layout section[data-id='s1'] article[data-mg='p2-1'] time, .layout section[data-id='s1'] article[data-mg='p2-1'] .teaser-postingcount, .layout section[data-id='s1'] article[data-mg='p2-1'] .teaser-kicker, .layout section[data-id='s1'] article[data-mg='p2-1'] .storylabels { font: 420 0.875rem/1.3125rem "STMatilda Info Variable", system-ui, sans-serif; } .layout section[data-id='s1'] article[data-mg='p2-1'] .teaser-postingcount { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout section[data-id='s1'] article[data-mg='p2-1'] .teaser-postingcount:empty { display: none; } .layout section[data-id='s1'] article[data-mg='p2-1'] .teaser-postingcount span { display: inline; margin-left: 0.5ex; } .layout section[data-id='s1'] article[data-mg='p2-1'] .teaser-postingcount:not(:empty)::before { display: none; } .layout section[data-id='s1'] article[data-mg='p2-1'] .teaser-postingcount:not(:empty) + .teaser-kicker { margin-right: 10px; } .layout section[data-id='s1'] article[data-mg='p2-1'] .teaser-kicker { margin: 0 1ex 0 0; text-transform: uppercase; } .layout section[data-id='s1'] article[data-mg='p2-1'] .storylabels { color: var(--theme-deco, ); font-weight: 700; margin-right: 1ex; margin-top: 1ex; text-transform: uppercase; } .layout section[data-id='s1'] article[data-mg='p2-1'] h1 { color: #212121; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: 700 1.8125rem/1.9375rem "STMatilda Info Variable", system-ui, sans-serif; margin: 0.5ex 0 0; position: relative; } .layout section[data-id='s1'] article[data-mg='p2-1'] .teaser-subtitle { display: block; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: 420 0.9375rem/1.125rem "STMatilda Info Variable", system-ui, sans-serif; margin: 1ex 0 0; } .layout section[data-id='s1'] article[data-mg='p2-1'] .teaser-subtitle::before { background-color: rgba(0, 0, 0, 0.07); content: ''; display: none; height: 1px; margin: 0.5ex 0 1.5ex; width: 35px; } .layout section[data-id='s1'] article[data-mg='p2-1'] figure + header { margin: 0 0 0 35px; } .layout section[data-id='s1'] article[data-mg='p2-1'] figure + header::after { width: 0; } .layout section[data-id='s1'] article[data-mg='p2-1'] figure + header h1 + .teaser-subtitle { display: block; } .layout section[data-id='s1'] article[data-mg='p2-1'][data-type='live'] { --tile-primarytint: var(--theme-live-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-live-secondarytint, var(--theme-secondarytint)) !important; --theme-primarydeco: var(--theme-live-primarydeco) !important; --theme-secondarydeco: var(--theme-live-secondarydeco) !important; } .layout section[data-id='s1'] article[data-mg='p2-1'].is-ugc { --tile-primarytint: var(--theme-ugc-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-ugc-secondarytint, var(--theme-secondarytint)) !important; --theme-primarydeco: var(--theme-ugc-primarydeco) !important; } .layout section[data-id='s1'] article[data-mg='p2-1'].is-ugc .storylabels span { color: var(--theme-primarydeco); } .layout section[data-id='s1'] article[data-mg='p2-1'].is-opinion { --tile-background: var(--theme-opinion-background) !important; --tile-primarytint: var(--theme-opinion-primarytint, var(--theme-primarytint)) !important; --tile-secondarytint: var(--theme-opinion-secondarytint, var(--theme-secondarytint)) !important; --theme-primarydeco: var(--theme-opinion-primarydeco) !important; } .layout section[data-id='s1'] article[data-mg='p2-1'].is-opinion .storylabels span { background-color: var(--theme-primarydeco); color: var(--theme-opinion-secondarydeco); margin-left: -3px; padding: 1px 3px; } .layout section[data-id='s1'] article[data-mg='p2-1'].is-promotion { --tile-background: rgba(0, 0, 0, 0.03) !important; --theme-primarydeco: #747574 !important; } .layout section[data-id='s1'] article[data-mg='p2-1'].is-promotion header::after { color: var(--theme-primarydeco); content: 'WERBUNG'; font: var(--kicker-font); font-weight: 700; letter-spacing: 0.01em; margin-right: 1ex; margin-top: 1ex; text-transform: uppercase; width: auto !important; } } @media all and (-ms-high-contrast: none) and (min-width: 1024px) and (max-width: 1279.9px), (-ms-high-contrast: active) and (min-width: 1024px) and (max-width: 1279.9px), all and (-ms-high-contrast: none) and (min-width: 1400px), (-ms-high-contrast: active) and (min-width: 1400px) { .layout section:not([data-type='date']) article[data-mt], .layout section:not([data-type='date']) section.widget[data-mt], .layout section:not([data-type='date']) div.widget[data-mt] { -webkit-flex-basis: 49%; -ms-flex-preferred-size: 49%; flex-basis: 49%; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .layout section:not([data-type='date']) article[data-mt]:nth-child(2n), .layout section:not([data-type='date']) section.widget[data-mt]:nth-child(2n), .layout section:not([data-type='date']) div.widget[data-mt]:nth-child(2n) { margin-right: 2%; } .layout section:not([data-type='date']) article[data-mg='p2-1'] ~ article[data-mt]:nth-child(2n + 1), .layout section:not([data-type='date']) article[data-mg='p2-1'] section.widget[data-mt]:nth-child(2n + 1), .layout section:not([data-type='date']) article[data-mg='p2-1'] div.widget[data-mt]:nth-child(2n + 1), .layout section:not([data-type='date']) section.widget[data-mg='p2-1'] ~ article[data-mt]:nth-child(2n + 1), .layout section:not([data-type='date']) section.widget[data-mg='p2-1'] section.widget[data-mt]:nth-child(2n + 1), .layout section:not([data-type='date']) section.widget[data-mg='p2-1'] div.widget[data-mt]:nth-child(2n + 1), .layout section:not([data-type='date']) div.widget[data-mg='p2-1'] ~ article[data-mt]:nth-child(2n + 1), .layout section:not([data-type='date']) div.widget[data-mg='p2-1'] section.widget[data-mt]:nth-child(2n + 1), .layout section:not([data-type='date']) div.widget[data-mg='p2-1'] div.widget[data-mt]:nth-child(2n + 1) { margin-right: 2%; } .layout section:not([data-type='date']) article[data-mg='p2-1'] ~ article[data-mt]:nth-child(2n), .layout section:not([data-type='date']) article[data-mg='p2-1'] section.widget[data-mt]:nth-child(2n), .layout section:not([data-type='date']) article[data-mg='p2-1'] div.widget[data-mt]:nth-child(2n), .layout section:not([data-type='date']) section.widget[data-mg='p2-1'] ~ article[data-mt]:nth-child(2n), .layout section:not([data-type='date']) section.widget[data-mg='p2-1'] section.widget[data-mt]:nth-child(2n), .layout section:not([data-type='date']) section.widget[data-mg='p2-1'] div.widget[data-mt]:nth-child(2n), .layout section:not([data-type='date']) div.widget[data-mg='p2-1'] ~ article[data-mt]:nth-child(2n), .layout section:not([data-type='date']) div.widget[data-mg='p2-1'] section.widget[data-mt]:nth-child(2n), .layout section:not([data-type='date']) div.widget[data-mg='p2-1'] div.widget[data-mt]:nth-child(2n) { margin-right: 0; } } .overview-readmore { --template-columns: [content] repeat(4, 1fr); box-sizing: border-box; display: grid; grid-column-gap: var(--gap); grid-row-gap: var(--row-gap, var(--gap)); grid-template-columns: var(--template-columns); box-sizing: border-box; grid-column: content / span 4; } @media (min-width: 960px) { .overview-readmore { --template-columns: [content] repeat(12, 1fr); } } @supports not (display: grid) { .overview-readmore > * { margin-bottom: var(--row-gap, var(--gap)) !important; } } @media print { .overview-readmore { display: block; position: relative; } } @media (max-width: 959.9px) { .overview-readmore { padding: 15px 20px; padding: var(--grid-column) var(--site--core-padding); } } .overview-readmore a { background: #202226; color: #fff; background-color: var(--theme-ui-background); border-radius: 3px; box-sizing: border-box; color: var(--theme-ui-tint); opacity: 0.9; text-decoration: none; transition: opacity 300ms ease, box-shadow 100ms ease; display: block; padding: 15px; text-align: center; } .overview-readmore a:hover { opacity: 1; } .overview-readmore a:hover { box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.25); } .overview-readmore a:active { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); } @media (min-width: 960px) { .overview-readmore { grid-column: content / span 12; } } .overview-readmore > a { grid-column: auto / span 4; } @media (min-width: 960px) { .overview-readmore > a { grid-column: 5 / span 7; } @supports not (display: grid) { .overview-readmore > a { margin-left: 33.33% !important; margin-right: 8.33% !important; } } } .overview-nomore { --template-columns: [content] repeat(4, 1fr); box-sizing: border-box; display: grid; grid-column-gap: var(--gap); grid-row-gap: var(--row-gap, var(--gap)); grid-template-columns: var(--template-columns); text-align: center; grid-column: content / span 4; } @media (min-width: 960px) { .overview-nomore { --template-columns: [content] repeat(12, 1fr); } } @supports not (display: grid) { .overview-nomore > * { margin-bottom: var(--row-gap, var(--gap)) !important; } } @media print { .overview-nomore { display: block; position: relative; } } .overview-nomore a { background-color: transparent; color: var(--theme-primarytint); font-weight: 500; -webkit-text-decoration-color: var(--theme-linkdeco); text-decoration-color: var(--theme-linkdeco); text-underline-offset: 0.1em; transition: -webkit-text-decoration-color 50ms ease; transition: text-decoration-color 50ms ease; transition: text-decoration-color 50ms ease, -webkit-text-decoration-color 50ms ease; } .overview-nomore a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } @media print { .overview-nomore a:link::after, .overview-nomore a:visited::after { content: " [" attr(href) "] "; font-size: 0.8em; } .overview-nomore a[href^='/']::after { content: " [http://www.derstandard.at" attr(href) "] "; } } @media (min-width: 960px) { .overview-nomore { grid-column: content / span 12; } } .overview-nomore > div { grid-column: auto / span 4; } @media (min-width: 960px) { .overview-nomore > div { grid-column: 5 / span 7; } @supports not (display: grid) { .overview-nomore > div { margin-left: 33.33% !important; margin-right: 8.33% !important; } } }