: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; } .glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 !important; overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none; overflow: hidden; } .glightbox-container.inactive { display: none; } .glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; overflow: hidden; } .glightbox-container .gslider { transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; position: relative; overflow: hidden; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .glightbox-container .gslide { width: 100%; position: absolute; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; opacity: 0; } /* top: 0; left: 0; right: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); */ .glightbox-container .gslide.current { opacity: 1; z-index: 99999; position: relative; } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999; } .glightbox-container .gslide-inner-content { width: 100%; } .glightbox-container .ginner-container { position: relative; width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; max-width: 100%; margin: auto; height: 100vh; } .glightbox-container .ginner-container.gvideo-container { width: 100%; } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important; } .gslide iframe, .gslide video { outline: none !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto; } .gslide-image { -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .gslide-image img { max-height: 100vh; display: block; max-width: 100%; margin: 0; padding: 0; float: none; outline: none; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100vw; width: auto; height: auto; object-fit: cover; -ms-touch-action: none; touch-action: none; margin: auto; min-width: 200px; } .desc-top .gslide-image img, .desc-bottom .gslide-image img { width: auto; } .desc-left .gslide-image img, .desc-right .gslide-image img { width: auto; max-width: 100%; } .gslide-image img.zoomable { position: relative; } .gslide-image img.dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; transition: none; } .gslide-video { width: 100%; max-width: 100%; position: relative; width: 100vh; max-width: 100vh; width: 100% !important; } .gslide-video .gvideo-wrapper { width: 100%; /* max-width: 160vmin; */ margin: auto; } .gslide-video::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgba(255, 0, 0, 0.34); display: none; } .gslide-video.playing::before { display: none; } .gslide-video.fullscreen { max-width: 100% !important; min-width: 100%; height: 80vh; } .gslide-video.fullscreen video { max-width: 100% !important; width: 100% !important; } .gslide-inline { background: #fff; text-align: left; max-height: calc(100vh - 40px); overflow: auto; max-width: 100%; } .gslide-inline .ginlined-content { padding: 20px; width: 100%; } .ginlined-content { overflow: auto; display: block !important; opacity: 1; } .gslide-external { display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; min-width: 100%; background: #fff; padding: 0; overflow: auto; max-height: 75vh; height: 100%; } .gslide-media { display: block; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; width: auto; } .zoomed .gslide-media { box-shadow: none !important; } .desc-top .gslide-media, .desc-bottom .gslide-media { margin: 0 auto; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .gslide-description { position: relative; -ms-flex: 1 0 100%; -webkit-flex: 1 0 100%; flex: 1 0 100%; } .gslide-description.description-left, .gslide-description.description-right { max-width: 100%; } .gslide-description.description-bottom, .gslide-description.description-top { margin: 0 auto; width: 100%; } .gslide-description p { margin-bottom: 12px; } .gslide-description p:last-child { margin-bottom: 0; } .zoomed .gslide-description { display: none; } /* * Description for mobiles * something like facebook does the description * for the photos */ .glightbox-mobile .glightbox-container .gslide-description { height: auto !important; width: 100%; background: transparent; position: absolute; bottom: 15px; padding: 19px 11px; max-width: 100vw !important; -ms-flex-order: 2 !important; -webkit-order: 2 !important; order: 2 !important; max-height: 78vh; overflow: auto !important; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.75) 100%); transition: opacity .3s linear; padding-bottom: 50px; } .glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em; } .glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1; } .glightbox-mobile .glightbox-container .gslide-desc a { color: #fff; font-weight: bold; } .glightbox-mobile .glightbox-container .gslide-desc * { color: inherit; } .glightbox-mobile .glightbox-container .gslide-desc string { color: #fff; } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #fff; opacity: .4; } .gdesc-open .gslide-media { transition: opacity .5s ease; opacity: .4; } .gdesc-open .gdesc-inner { padding-bottom: 30px; } .gdesc-closed .gslide-media { transition: opacity .5s ease; opacity: 1; } .greset { transition: all .3s ease; } .gabsolute { position: absolute; } .grelative { position: relative; } .glightbox-desc { display: none !important; } .glightbox-open { overflow: hidden; } .gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader .8s infinite linear; animation: lightboxLoader .8s infinite linear; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47%; } .goverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; will-change: opacity; } .glightbox-mobile .goverlay { background: #000; } .gprev, .gnext, .gclose { background-repeat: no-repeat; z-index: 99999; cursor: pointer; width: 26px; height: 44px; display: block; background-position: 0 0; border: none; } .gprev svg, .gnext svg, .gclose svg { display: block; width: 100%; height: auto; } .gprev.disabled, .gnext.disabled, .gclose.disabled { opacity: .1; } .gprev .garrow, .gnext .garrow, .gclose .garrow { stroke: #fff; } iframe.wait-autoplay { opacity: 0; } .glightbox-closing .gnext, .glightbox-closing .gprev, .glightbox-closing .gclose { opacity: 0 !important; } /*Skin */ .glightbox-clean .gslide-description, .glightbox-modern .gslide-description { background: #fff; } .glightbox-clean .gdesc-inner, .glightbox-modern .gdesc-inner { padding: 22px 20px; } .glightbox-clean .gslide-title, .glightbox-modern .gslide-title { font-size: 1em; font-weight: normal; font-family: arial; color: #000; margin-bottom: 19px; line-height: 1.4em; } .glightbox-clean .gslide-desc, .glightbox-modern .gslide-desc { font-size: 0.86em; margin-bottom: 0; font-family: arial; line-height: 1.4em; } .glightbox-clean .gslide-video, .glightbox-modern .gslide-video { background: #000; } /* .gprev, .gnext, .gclose{ border: none; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA2CAYAAADTeCfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NThDMEMwNzg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NThDMEMwODg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1OEMwQzA1ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1OEMwQzA2ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htE8KwAAA9BJREFUeNrsm1tIFGEYhndDI4OSLgqkMrKjBXYwCjt40QkpL4pMyoqMgigIgm6iiy66KSwpj2vrucKgpINRRhYRooQkWYEWUkaWERokhVQXbu/QOyDhpjPzz3H/Dx7W1f2+753/3X9mnPnHHwqFfDKcEWPkEEgzZEgzpBkybDbjHLhvIP8GKLNhPILgksEaFaDKKWacAMdAn4Ean8F+kGOxGXFgDyjSmZ8L9oFpurKVU1uBnAr9jZMCah1hrQLBGkciyL7FGvNymXdZb2+RG3GGYo4LrHmINS9abEiZRkMu8PNXjPQVJV4Vc9SEgclm7WqLDSkd5RdBiBGizCihmMMmDkwWe1yz2JBy9g2E+ft5o7smkWZUUMwBCwYmg71u2nQMCZhphFEzaihmt4UDk86e9TYZUsj3OaKNMGJGHcVkWjwoChvZ+7HFfQvZt42vpaJ76Em6SzHbbDBCZR01NFvct519u8yorzXhEcWk2WiESiq1tFrUT901veZrnp1mNFHEWgcYoZJMTe0m98ljn3K+z+f7oB1mtLD5agcZoZJEbZ3Ab0J9deCrwpzSB6004xWbLnegESqJ1NgNok04aFeF+XtA5MF8pA90stkiBxuhkkCtvSBGQL2iEYz415Bys8yIAu/ZZKELjFCJp+Z+EGugTgHrVGq8ClEm2oxZ4CUYAHNcZIRKHOjj6ed8A8eISo15xUaPIcP9spFFk11ohMp0bkOHxrxa5lXo7Ksack9Pvn+YpTqLwS0QDZbxRo+bYgJoBZPAZtCiIVe5QzceZBroXwP8YKfWRH+YdVOx4AOYCOJBt0uMUAz4BGLAVNDjhXvg/bwF2UdTElywLVOoN5o/97hsRv/3HvgAv10fwVuQ6ODtUO45f6HmyaDXi6tDfoMZNKMdJDlwG2ZyN/qVs/mbl5fqDILZoAO8AMkO0j8XvONJhjKLf0TKuqkF4Dl4BlY6QLty1vcGdHE39SvSFrEtBc2gCWywUfcKfjE6eHIxGKkrCleBRvAApNmgOQU8BW2crRG/vDMV1JN0C/WmcmYqZizxeSyMLO/cBG6DOyDDAq3rwRPOyhSfB8PoWtst4DrJMlGnYnwDeMjZ4c0QdGGumhfIsk246LeVtetcfOFyVEQJ8nQv+AkqwThQIqjuDnAV1ILtPo9HlMBaB/kfewCMBfkG6ylL85VnJZSroLt8kRAmTLezOpfUD+W0WQvFnIzfpEePlaeO5oE1OvOVp56+R8KuaWiYZYYMG05tZUgzpBkypBnSDBnSDGmGDGmGDGmGNEOGNEOaIUOa4YH4I8AAM9m8BFEzyDIAAAAASUVORK5CYII='); } */ .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose, .glightbox-modern .gprev, .glightbox-modern .gnext, .glightbox-modern .gclose { background-color: rgba(0, 0, 0, 0.12); } .glightbox-clean .gprev:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gclose:hover, .glightbox-modern .gprev:hover, .glightbox-modern .gnext:hover, .glightbox-modern .gclose:hover { background-color: rgba(0, 0, 0, 0.2); } .glightbox-clean .gprev path, .glightbox-clean .gnext path, .glightbox-clean .gclose path, .glightbox-modern .gprev path, .glightbox-modern .gnext path, .glightbox-modern .gclose path { fill: #fff; } .glightbox-clean button:focus:not(.focused):not(.disabled), .glightbox-modern button:focus:not(.focused):not(.disabled) { outline: none; } .glightbox-clean .gprev, .glightbox-modern .gprev { position: absolute; top: -100%; left: 30px; width: 40px; height: 56px; } .glightbox-clean .gnext, .glightbox-modern .gnext { position: absolute; top: -100%; right: 30px; width: 40px; height: 56px; } .glightbox-clean .gclose, .glightbox-modern .gclose { width: 35px; height: 35px; top: 15px; right: 10px; position: absolute; opacity: .7; background-position: -59px 2px; } .glightbox-clean .gclose svg, .glightbox-modern .gclose svg { width: 20px; } .glightbox-clean .gclose:hover, .glightbox-modern .gclose:hover { opacity: 1; } /*CSS Animations*/ .gfadeIn { -webkit-animation: gfadeIn .5s ease; animation: gfadeIn .5s ease; } .gfadeOut { -webkit-animation: gfadeOut .5s ease; animation: gfadeOut .5s ease; } .gslideOutLeft { -webkit-animation: gslideOutLeft .3s ease; animation: gslideOutLeft .3s ease; } .gslideInLeft { -webkit-animation: gslideInLeft .3s ease; animation: gslideInLeft .3s ease; } .gslideOutRight { -webkit-animation: gslideOutRight .3s ease; animation: gslideOutRight .3s ease; } .gslideInRight { -webkit-animation: gslideInRight .3s ease; animation: gslideInRight .3s ease; } .gzoomIn { -webkit-animation: gzoomIn .5s ease; animation: gzoomIn .5s ease; } .gzoomOut { -webkit-animation: gzoomOut .5s ease; animation: gzoomOut .5s ease; } @-webkit-keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @-webkit-keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @-webkit-keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @-webkit-keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @media (min-width: 769px) { .glightbox-container .ginner-container { width: auto; height: auto; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .glightbox-container .ginner-container.desc-top .gslide-description { -ms-flex-order: 0; -webkit-order: 0; order: 0; } .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .glightbox-container .ginner-container.desc-left .gslide-description { -ms-flex-order: 0; -webkit-order: 0; order: 0; } .glightbox-container .ginner-container.desc-left .gslide-image { -ms-flex-order: 1; -webkit-order: 1; order: 1; } .gslide-image img { max-height: 97vh; max-width: calc(100% - 20px); max-width: 100%; } .gslide-image img.zoomable { cursor: zoom-in; } .zoomed .gslide-image img.zoomable { cursor: -webkit-grab; cursor: grab; } .gslide-inline { max-height: 95vh; } .gslide-external { max-height: 100vh; } .gslide-description.description-left, .gslide-description.description-right { max-width: 275px; } .glightbox-open { height: auto; } .goverlay { background: rgba(0, 0, 0, 0.92); } .glightbox-clean .gslide-media, .glightbox-modern .gslide-media { box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); } .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner, .glightbox-modern .description-left .gdesc-inner, .glightbox-modern .description-right .gdesc-inner { position: absolute; height: 100%; overflow-y: auto; } .glightbox-clean .gprev, .glightbox-modern .gprev { top: 45%; } .glightbox-clean .gnext, .glightbox-modern .gnext { top: 45%; } } @media (min-width: 992px) { .glightbox-clean .gclose, .glightbox-modern .gclose { right: 20px; } } @media screen and (max-height: 420px) { .goverlay { background: #000; } } @-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, #007f80)); } .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, #598128)); } .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, #de2b1e)); } .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: #007f80; background-color: var(--theme-header-primarytint, #007f80); } .site--header-next .meta a[title='Immosuche'] { background-color: #598128; background-color: var(--theme-header-primarytint, #598128); } .site--header-next .meta a[title='Jobsuche'] { background-color: #de2b1e; background-color: var(--theme-header-primarytint, #de2b1e); } .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; } 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; } .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; } } :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; } } .glightbox-dst { --right-desc-width: 320px; } .dst-app-header .glightbox-dst { height: calc(100% - 4rem); } @media (min-width: 768px) { .glightbox-dst { --right-desc-width: 330px; } } .glightbox-dst .goverlay { background: #000; } .glightbox-dst .gslide-description { background-color: #000; } .glightbox-dst .gslide-description.description-right { min-width: var(--right-desc-width); } .glightbox-dst .gdesc-inner { box-sizing: border-box; } .glightbox-dst .gdesc-inner * { color: #eee; font: var(--w1-small); } .glightbox-dst .gdesc-inner * footer { opacity: 0.3; } .glightbox-dst .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-color: #fff; } .glightbox-dst .blocked-media-placeholder .hidden { display: none; } .glightbox-dst .blocked-media-placeholder .placeholder { margin-left: auto; margin-right: auto; } .glightbox-dst .blocked-media-placeholder .placeholder img { display: block; margin-bottom: 20px; margin-left: auto; margin-right: auto; max-width: 290px; } .glightbox-dst .blocked-media-placeholder .provider-label em { font-style: normal; font-weight: bold; } .glightbox-dst .blocked-media-placeholder .connective { display: var(--placeholder-connective-display, inline); } .glightbox-dst .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; } .glightbox-dst .blocked-media-placeholder .buttons button:hover, .glightbox-dst .blocked-media-placeholder .buttons button:focus, .glightbox-dst .blocked-media-placeholder .buttons button:active { background-color: var(--placeholder-button-hoverbg, rgba(0, 0, 0, 0.16)); } .glightbox-dst .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; } .glightbox-dst .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; } .glightbox-dst .blocked-media-placeholder .info-toggle span { display: none; } .glightbox-dst .blocked-media-placeholder .info { font-size: 0.8125rem; line-height: 1.0625rem; margin: 0 auto; max-width: 512px; } .glightbox-dst .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; } .glightbox-dst .blocked-media-placeholder .info a { color: var(--placeholder-txt, #212121); } .glightbox-dst .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; } .glightbox-dst .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; } .glightbox-dst .blocked-media-placeholder[data-type='privacy'] span { line-height: 0.66406rem; } .glightbox-dst .gslide-inline, .glightbox-dst .ginlined-content { overflow: visible; width: 100%; } .glightbox-dst .gslide-inline { background-color: transparent; padding: 0; } @media (min-width: 769px) { .glightbox-dst .gslide-inline { max-width: 100vh; } } .glightbox-dst .ginlined-content { background-color: #111; box-sizing: border-box; position: relative; } .glightbox-dst .ginlined-content > div { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .glightbox-dst .ginlined-content > div .blocked-media-placeholder { background-color: transparent; box-sizing: border-box; height: 90px; margin: 0 auto; top: calc(50% - 45px); } .glightbox-dst .ginlined-content > div .blocked-media-placeholder .info-toggle { -webkit-filter: invert(100%); filter: invert(100%); } .glightbox-dst .ginlined-content > div .blocked-media-placeholder .info { color: #fff; } .glightbox-dst .ginlined-content > div .blocked-media-placeholder .info a { color: #fff; } .glightbox-dst .ginlined-content > div .blocked-media-placeholder .info a:hover { background-color: #e00085; } .glightbox-dst .ginlined-content > div .blocked-media-placeholder .placeholder > * { color: #fff; } .glightbox-dst .ginlined-content > div .blocked-media-placeholder .placeholder .buttons button { background-color: rgba(255, 255, 255, 0.8); } .glightbox-dst .ginlined-content > div .blocked-media-placeholder .placeholder .buttons button:hover, .glightbox-dst .ginlined-content > div .blocked-media-placeholder .placeholder .buttons button:focus, .glightbox-dst .ginlined-content > div .blocked-media-placeholder .placeholder .buttons button:active { background-color: rgba(255, 255, 255, 0.6); } .glightbox-dst .ginlined-content iframe { height: 100%; position: absolute; width: 100%; } .glightbox-mobile .gdesc-inner .gslide-title { opacity: 0.3; } .glightbox-mobile .gdesc-inner .gslide-desc { color: #fff; } .glightbox-mobile .gdesc-inner a.desc-more { white-space: nowrap; } .glightbox-mobile .gslide-description.description-right { box-sizing: border-box; padding: 10px 11px; } .glightbox-mobile .gprev, .glightbox-mobile .gnext { top: calc(50% + (100vw / 100 * 29)); } .glightbox-mobile .gprev { left: 0; } .glightbox-mobile .gnext { right: 0; } @media screen and (orientation: landscape) { .glightbox-mobile .gslide-description.description-right { bottom: 0; } .glightbox-mobile .gslide-inline + .gslide-description.description-right { display: none; } .glightbox-mobile .gslide-inline + .gslide-description.description-right .gdesc-inner { padding: 8px 20px; } .glightbox-mobile .gslide-inline + .gslide-description.description-right .gdesc-inner .gslide-title { margin-top: 0; } .glightbox-mobile .gprev, .glightbox-mobile .gnext { top: calc(50% - 28px); } } :root.dst-app-header { --dst-header-min-height: 56px; --forum--tabs-top: 56px; } .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; grid-auto-flow: row !important; --story-width: 615px; --story-negativespace: calc((100% - var(--story-width)) / 2); } @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; } } .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 (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 .story-iframe { grid-column: content / span 4; margin-bottom: 2rem; max-width: 100%; width: 100%; } @media (min-width: 960px) { .layout .story-iframe { grid-column: content / span 12; } } .layout .story-iframe iframe { background-color: transparent; border: 0; width: 100%; } .layout .story { box-sizing: border-box; grid-column: content / span 4; min-width: 100%; position: relative; width: 100%; } @media all and (-ms-high-contrast: none) and (max-width: 959.9px), (-ms-high-contrast: active) and (max-width: 959.9px) { .layout .story { padding: 0 15px; } } @media (max-width: 767.9px) { .layout .story { padding: 0 var(--site--core-padding); } } @media (min-width: 960px) { .layout .story { grid-column: content / span 12; } } @media print { .layout .story { padding: 0; } } .layout .story .story-article { --w1-kicker: 600 0.875rem/1.5 STMatilda Info Variable, system-ui, sans-serif; --w1-title: 800 2rem/1.1 STMatilda Info Variable, system-ui, sans-serif; --w1-subtitle: 420 1.125rem/1.4 STMatilda Info Variable, system-ui, sans-serif; --w1-byline: 500 1rem/1.2 STMatilda Info Variable, system-ui, sans-serif; --w1-meta: 420 0.875rem/1.2 STMatilda Info Variable, system-ui, sans-serif; --w1-text: 420 1.125rem/1.55 STMatilda Text Variable, system-ui, serif; --w1-caption: 420 0.9375rem/1.4 STMatilda Info Variable, system-ui, sans-serif; --w1-small: 420 0.75rem/1.2 STMatilda Info Variable, system-ui, sans-serif; font: 420 1.125rem/1.75rem "STMatilda Info Variable", system-ui, sans-serif; font: var(--w1-text); margin-top: 0.5rem; position: relative; } @media (min-width: 768px) { .layout .story .story-article { --w1-kicker: 600 0.9375rem/1.5 STMatilda Info Variable, system-ui, sans-serif; --w1-title: 800 2.25rem/1.1 STMatilda Info Variable, system-ui, sans-serif; --w1-subtitle: 420 1.1875rem/1.4 STMatilda Info Variable, system-ui, sans-serif; } } @media (min-width: 960px) { .layout .story .story-article { --w1-title: 800 2.375rem/1.1 STMatilda Info Variable, system-ui, sans-serif; --w1-subtitle: 420 1.25rem/1.4 STMatilda Info Variable, system-ui, sans-serif; } } @media (min-width: 1280px) { .layout .story .story-article { --w1-title: 800 2.5625rem/1.1 STMatilda Info Variable, system-ui, sans-serif; } } @media (min-width: 960px) { .layout .story .story-article { margin-top: 1rem; } } .layout .story .story-article .article-header { padding-top: 0.875rem; position: relative; } .layout .story .story-article .article-header > figure:first-child { --component-name: 'editorial--figure'; background: var(--figure-background); margin: var(--figure-margin); max-width: 100vw; /* stylelint-disable selector-no-qualifying-type */ /* stylelint-enable */ margin-bottom: 1rem !important; } .layout .story .story-article .article-header > figure:first-child > div { position: relative; } .layout .story .story-article .article-header > figure:first-child > div > div .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; } .layout .story .story-article .article-header > figure:first-child > div > div .blocked-media-placeholder .hidden { display: none; } .layout .story .story-article .article-header > figure:first-child > div > div .blocked-media-placeholder .placeholder { margin-left: auto; margin-right: auto; } .layout .story .story-article .article-header > figure:first-child > div > div .blocked-media-placeholder .placeholder img { display: block; margin-bottom: 20px; margin-left: auto; margin-right: auto; max-width: 290px; } .layout .story .story-article .article-header > figure:first-child > div > div .blocked-media-placeholder .provider-label em { font-style: normal; font-weight: bold; } .layout .story .story-article .article-header > figure:first-child > div > div .blocked-media-placeholder .connective { display: var(--placeholder-connective-display, inline); } .layout .story .story-article .article-header > figure:first-child > div > div .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 .story .story-article .article-header > figure:first-child > div > div .blocked-media-placeholder .buttons button:hover, .layout .story .story-article .article-header > figure:first-child > div > div .blocked-media-placeholder .buttons button:focus, .layout .story .story-article .article-header > figure:first-child > div > div .blocked-media-placeholder .buttons button:active { background-color: var(--placeholder-button-hoverbg, rgba(0, 0, 0, 0.16)); } .layout .story .story-article .article-header > figure:first-child > div > div .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 .story .story-article .article-header > figure:first-child > div > div .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 .story .story-article .article-header > figure:first-child > div > div .blocked-media-placeholder .info-toggle span { display: none; } .layout .story .story-article .article-header > figure:first-child > div > div .blocked-media-placeholder .info { font-size: 0.8125rem; line-height: 1.0625rem; margin: 0 auto; max-width: 512px; } .layout .story .story-article .article-header > figure:first-child > div > div .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 .story .story-article .article-header > figure:first-child > div > div .blocked-media-placeholder .info a { color: var(--placeholder-txt, #212121); } .layout .story .story-article .article-header > figure:first-child > div > div .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 .story .story-article .article-header > figure:first-child > div > div .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 .story .story-article .article-header > figure:first-child > div > div .blocked-media-placeholder[data-type='privacy'] span { line-height: 0.66406rem; } .layout .story .story-article .article-header > figure:first-child > div > *:not(script) + * { padding-top: 1.125rem; } .layout .story .story-article .article-header > figure:first-child figure figcaption { font: var(--w1-caption); } .layout .story .story-article .article-header > figure:first-child figcaption { font: var(--w1-caption); padding: 0.9375rem 0 0; } .layout .story .story-article .article-header > figure:first-child figcaption small { font-size: 0.8125rem; opacity: 0.7; } .layout .story .story-article .article-header > figure:first-child figcaption :first-child { margin-top: 0; } .layout .story .story-article .article-header > figure:first-child figcaption :last-child { margin-bottom: 0; } .layout .story .story-article .article-header > figure:first-child figcaption:empty { display: none; } .layout .story .story-article .article-header > figure:first-child footer { font: 420 0.75rem/0.875rem "STMatilda Info Variable", system-ui, sans-serif; font: var(--w1-small); opacity: 0.4; padding: 0.375rem 0 0; text-align: right; } .layout .story .story-article .article-header > figure:first-child figcaption + footer { padding: 0.375rem 0 0; text-align: left; } .layout .story .story-article .article-header > figure:first-child[data-type='html']:not([data-provider]), .layout .story .story-article .article-header > figure:first-child[data-provider='unknown'] { --component-name: 'editorial--figure-code'; } .layout .story .story-article .article-header > figure:first-child[data-type='html']:not([data-provider]) > div > div, .layout .story .story-article .article-header > figure:first-child[data-provider='unknown'] > div > div { min-height: calc((var(--grid-column) * 2) * var(--grid-gap)); } .layout .story .story-article .article-header > figure:first-child[data-type='html']:not([data-provider]) > * > *, .layout .story .story-article .article-header > figure:first-child[data-provider='unknown'] > * > * { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .layout .story .story-article .article-header > figure:first-child[data-type='html']:not([data-provider]) > iframe, .layout .story .story-article .article-header > figure:first-child[data-provider='unknown'] > iframe { border: 0; position: relative; width: 100%; } .layout .story .story-article .article-header > figure:first-child[data-type='html']:not([data-provider]) + *, .layout .story .story-article .article-header > figure:first-child[data-provider='unknown'] + * { padding-top: 1.125rem; } .layout .story .story-article .article-header > figure:first-child[data-provider='google'] { --component-name: 'editorial--figure-googlemaps'; } .layout .story .story-article .article-header > figure:first-child[data-provider='google'] > div > div { line-height: 0; min-height: 80px; position: relative; } .layout .story .story-article .article-header > figure:first-child[data-provider='google'] > div > div .blocked-media-placeholder .placeholder { line-height: 140%; } .layout .story .story-article .article-header > figure:first-child[data-provider='google'] > div > div[data-embed-loaded='true']::before { /* stylelint-disable-line selector-no-qualifying-type */ background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjAgNjAiPjxzeW1ib2wgaWQ9ImEiIHZpZXdCb3g9IjAgLTYwIDYwIDYwIj48cGF0aCBmaWxsPSJub25lIiBkPSJNNjAgLTYwTDAgLTYwIDAgMCA2MCAweiIvPjxwYXRoIGZpbGw9IiMxODljNTUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAtNTQuNnY0Mi43YzAsMi41LDIsNC41LDQuNSw0LjVoNDIuN0wwLTU0LjZ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZkYzM0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLTU1LjV2MC45TDQ3LjItNy40aDAuOWMyLjUsMCw0LjUtMiw0LjUtNC41di0wLjlMNS40LTYwSDQuNUMyLTYwLDAtNTgsMC01NS41IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjNTc4NWM0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgLTYwTDI2LjMgLTM5LjEgNDcuMiAtNjB6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ny4yLTYwTDI2LTM4LjhsNS40LDUuNGwyMS4yLTIxLjJ2LTAuOWMwLTIuNS0yLTQuNS00LjUtNC41SDQ3LjJ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjY2NjOWM5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Mi42IC01NC42TDMxLjcgLTMzLjcgNTIuNiAtMTIuOHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNlNWU1ZTUiIGQ9Ik05LjQtMTMuMmMyLjcsMS4yLDYsMC43LDguMi0xLjNjLTAuNy0wLjctMS40LTEuNC0yLjEtMmMtMi4yLDIuMi02LjMsMS4xLTcuMy0xLjdjLTEuMy0yLjgsMC45LTYuNSw0LTYuNSBjMi4xLTAuMiw0LjEsMS4xLDQuNSwzLjJjLTEuNCwwLTIuOSwwLTQuMywwYzAsMC45LDAsMS44LDAsMi42YzIuNC0wLjEsNC44LDAuMSw3LjItMC4xYzAuMi0xLjcsMC4xLTMuNi0wLjktNS4xIGMtMS41LTIuNy01LTMuOS03LjktMy4zQzcuMi0yNi43LDQuNS0yMyw1LTE5LjNDNS4yLTE2LjcsNy0xNC4zLDkuNC0xMy4yIi8+PHBhdGggZmlsbD0iI2QyNGIzZSIgZD0iTTQzLjQsMGgxLjdjNC4zLTAuMiw4LjQtMi4zLDExLTUuOGMxLjctMi4yLDIuNi00LjgsMi44LTcuNnYtMWMtMC4xLTUuMy0zLjUtOS42LTYuNC0xMy43IGMtMy4zLTQuNi02LjMtOS43LTcuMi0xNS40Yy0wLjItMSwwLTIuMy0xLjEtMi44Yy0wLjMsMC4yLTAuNiwwLjQtMC44LDAuN2MtMC4zLDMuMi0xLjEsNi40LTIuNSw5LjNjLTEuNiwzLjQtMy43LDYuNS01LjksOS41IGMtMS4zLDEuOC0yLjYsMy43LTMuNiw1LjdjLTEuNiwzLTIuMiw2LjUtMS42LDkuOWMwLjUsMi42LDEuOSw1LjEsMy44LDdDMzYuMy0xLjgsMzkuOC0wLjIsNDMuNCwwIE00My4xLTkuMyBjLTItMC41LTMuNy0yLjItMy45LTQuM2MtMC4yLTEuOSwwLjktMy45LDIuNy00LjhjMS45LTEsNC40LTAuNyw2LDAuOGMxLjUsMS4zLDIsMy42LDEuMiw1LjRDNDguMi0xMCw0NS40LTguNyw0My4xLTkuMyIvPjxwYXRoIGZpbGw9IiM4MDJjMjciIGQ9Ik00My4xLTkuM2MyLjQsMC42LDUuMS0wLjcsNi0zYzAuOC0xLjgsMC4yLTQuMS0xLjItNS40Yy0xLjYtMS40LTQuMS0xLjgtNi0wLjhjLTEuNywwLjktMi45LDIuOC0yLjcsNC44IEMzOS40LTExLjYsNDEuMS05LjgsNDMuMS05LjMiLz48L3N5bWJvbD48dXNlIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgeT0iLTYwIiBvdmVyZmxvdz0idmlzaWJsZSIgdHJhbnNmb3JtPSJzY2FsZSgxIC0xKSIgeGxpbms6aHJlZj0iI2EiLz48L3N2Zz4="); height: 60px; width: 60px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .layout .story .story-article .article-header > figure:first-child[data-provider='google'] iframe { min-height: 80px; position: relative; width: 100%; } .layout .story .story-article .article-header > figure:first-child[data-type='image'] { --component-name: 'editorial--figure-image'; } @media print { .layout .story .story-article .article-header > figure:first-child[data-type='image'] { display: block; page-break-inside: avoid; position: static; } } .layout .story .story-article .article-header > figure:first-child[data-type='image'] > div { background-color: rgba(0, 0, 0, 0.05); } .layout .story .story-article .article-header > figure:first-child[data-type='image'] picture { display: block; min-height: 100px; position: relative; } .layout .story .story-article .article-header > figure:first-child[data-type='image'] picture::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA1MCI+PHBhdGggZD0iTTUwLjIgMzkuNGMtMTMuMyAwLTI2LjUgMC0zOS44IDAgNC4zLTQuNSA4LjYtOSAxMi45LTEzLjUgMS41IDEuNCAzIDIuOSA0LjUgNC4zIDIuOC0zLjkgNS41LTcuOCA4LjMtMTEuOEM0MC44IDI1LjQgNDUuNCAzMi40IDUwLjIgMzkuNHpNMTUuMyAyM2MtMi45IDAtNS4yLTIuMy01LjItNS4yIDAtMi44IDIuMy01LjEgNS4yLTUuMiAyLjkgMCA1LjIgMi4zIDUuMiA1LjJDMjAuNSAyMC42IDE4LjIgMjMgMTUuMyAyM3oiIC8+PHBhdGggZD0iTTAsMHY1MGg2MFYwSDB6IE01NSw0NUg1VjVoNTBWNDV6IiAvPjwvc3ZnPg=="); height: 50px; width: 60px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 0.3; } @media print { .layout .story .story-article .article-header > figure:first-child[data-type='image'] picture::before { display: none; } } .layout .story .story-article .article-header > figure:first-child[data-type='image'] .figure-fullscreen-trigger { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; border-radius: 0; bottom: 0; box-shadow: none; cursor: pointer; height: 100%; left: 0; padding: 0; position: absolute !important; right: 0; top: 0; width: 100%; z-index: 2; } @media print { .layout .story .story-article .article-header > figure:first-child[data-type='image'] .figure-fullscreen-trigger { display: none; } } .layout .story .story-article .article-header > figure:first-child[data-type='image'] .figure-fullscreen-trigger::before { right: 20px; top: 20px; background-color: rgba(0, 0, 0, 0.1); background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCI+PHBhdGggZD0iTTExLjY1IDI3aC0uMDdhLjYzLjYzIDAgMCAxLS4zOC0uMTcuNjUuNjUgMCAwIDEtLjItLjQ3di00LjlhLjY1LjY1IDAgMCAxIC42NS0uNjUuNjUuNjUgMCAwIDEgLjY1LjY1djMuMzRsNC42MS00LjYyYS42NS42NSAwIDAgMSAuOTIgMCAuNjUuNjUgMCAwIDEgMCAuOTJMMTMuMiAyNS43aDMuMzRhLjY1LjY1IDAgMCAxIC42NS42NS42NS42NSAwIDAgMS0uNjUuNjV6bTguNTMtOS4xOGEuNjQuNjQgMCAwIDEgMC0uOTFsNC42MS00LjYyaC0zLjM0YS42NS42NSAwIDAgMS0uNjQtLjY0LjY1LjY1IDAgMCAxIC42NC0uNjVoNC45YS42NC42NCAwIDAgMSAuNDYuMTkuNjUuNjUgMCAwIDEgLjA5LjF2LjAxYS42NS42NSAwIDAgMSAuMS4zNHY0LjlhLjY1LjY1IDAgMCAxLS42NS42NS42NS42NSAwIDAgMS0uNjUtLjY1VjEzLjJsLTQuNjEgNC42MmEuNjQuNjQgMCAwIDEtLjQ2LjE5LjY0LjY0IDAgMCAxLS40NS0uMTl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); border-radius: 50%; content: ''; height: 38px; position: absolute !important; right: var(--grid-column); top: var(--grid-column); transition: box-shadow 0.25s; width: 38px; } .layout .story .story-article .article-header > figure:first-child[data-type='image'] .figure-fullscreen-trigger:hover::before { background-color: #e00085; background-color: var(--theme-primarydeco); 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; z-index: 0; } .layout .story .story-article .article-header > figure:first-child[data-type='image'] .figure-placeholder { background-color: rgba(0, 0, 0, 0.05); display: block; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; min-height: 200px; position: relative; } .layout .story .story-article .article-header > figure:first-child[data-type='image'] .figure-placeholder p { font-size: 0.8125rem; line-height: 150%; margin: 0; opacity: 0.7; padding: 0; position: absolute; text-align: center; text-transform: uppercase; top: calc(50% - 0.5em); width: 100%; } .layout .story .story-article .article-header > figure:first-child[data-type='image'] img { display: block; position: relative; width: 100%; z-index: 1; } @media print { .layout .story .story-article .article-header > figure:first-child[data-type='image'] img { height: auto; width: 60%; } } .layout .story .story-article .article-header > figure:first-child[data-type='image'] img { max-height: 40vh; object-fit: cover; } .layout .story .story-article .article-header > figure:first-child[data-type='video'] { --component-name: 'editorial--figure-video'; } .layout .story .story-article .article-header > figure:first-child[data-type='video'] > div { line-height: 0; overflow: visible !important; position: relative; } .layout .story .story-article .article-header > figure:first-child[data-type='video'] > div[data-embed-loaded='true']:not(:has(.dailymotion-player-root)) > div:first-of-type { display: block; font-size: 0; height: 100%; line-height: 0; overflow: hidden; padding-bottom: calc(100% / (1.77778)); position: relative; width: 100%; } .layout .story .story-article .article-header > figure:first-child[data-type='video'] > div[data-embed-loaded='true']:not(:has(.dailymotion-player-root)) > div:first-of-type > *:first-child { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .layout .story .story-article .article-header > figure:first-child[data-type='video'] > div[data-embed-loaded='true']:not(:has(.dailymotion-player-root)) .js-embed-output { height: auto !important; } .layout .story .story-article .article-header > figure:first-child[data-type='video'] > div .blocked-media-placeholder .placeholder { width: 100%; } .layout .story .story-article .article-header > figure:first-child[data-type='video'] > div[data-embed-loaded='true']::before { /* stylelint-disable-line selector-no-qualifying-type */ background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjggNDgiPjxzeW1ib2wgaWQ9ImMiIHZpZXdCb3g9IjAgLTQ4IDY4IDQ4Ij48cGF0aCBmaWxsPSIjZjRmNGY0IiBkPSJNMjcgLTMyLjdMNDUuNCAtMjMuMiAyNyAtMTMuNiAyNyAtMzIuNyIvPjxwYXRoIGZpbGw9IiNkY2RiZGMiIGQ9Ik00My4xIC0yNC40TDQzLjEgLTI0LjQgNDUuNCAtMjMuMiA0My4xIC0yNC40Ii8+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBMNjggMCA2OCAtNDcuOCAwIC00Ny44eiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9ImIiPjx1c2Ugb3ZlcmZsb3c9InZpc2libGUiIHhsaW5rOmhyZWY9IiNhIi8+PC9jbGlwUGF0aD48cGF0aCBmaWxsPSIjZGNkYmRjIiBkPSJNNDMuMSAtMjQuNEwyNyAtMTMuNiA0NS40IC0yMy4yIDQzLjEgLTI0LjQiIGNsaXAtcGF0aD0idXJsKCNiKSIvPjxwYXRoIGZpbGw9IiMzMjMxMmUiIGQ9Ik0yNy0zMi43bDAsMTkuMWwxOC40LTkuNkwyNy0zMi43TDI3LTMyLjd6IE02Ny4zLTEwLjRjMCwwLTAuNyw0LjctMi43LDYuOGMtMi42LDIuNy01LjUsMi43LTYuOCwyLjkgQzQ4LjMsMCwzNCwwLDM0LDBoMGMwLDAtMTQuMywwLTIzLjgtMC43QzguOS0wLjgsNi0wLjksMy40LTMuNmMtMi0yLjEtMi43LTYuOC0yLjctNi44UzAtMTUuOSwwLTIxLjR2LTUuMmMwLTUuNSwwLjctMTEsMC43LTExIHMwLjctNC43LDIuNy02LjhjMi42LTIuNyw2LTIuNiw3LjUtMi45QzE2LjMtNDcuOCwzNC00OCwzNC00OHMxNC4zLDAsMjMuOCwwLjdjMS4zLDAuMiw0LjIsMC4yLDYuOCwyLjljMiwyLjEsMi43LDYuOCwyLjcsNi44IHMwLjcsNS41LDAuNywxMXY1LjJDNjgtMTUuOSw2Ny4zLTEwLjQsNjcuMy0xMC40TDY3LjMtMTAuNHoiIGNsaXAtcGF0aD0idXJsKCNiKSIvPjwvc3ltYm9sPjx1c2Ugd2lkdGg9IjY4IiBoZWlnaHQ9IjQ4IiB5PSItNDgiIG92ZXJmbG93PSJ2aXNpYmxlIiB0cmFuc2Zvcm09InNjYWxlKDEgLTEpIiB4bGluazpocmVmPSIjYyIvPjwvc3ZnPg=="); height: 48px; width: 68px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 0.3; } .layout .story .story-article .article-header > figure:first-child[data-type='video'] iframe { height: 100%; width: 100%; } @media print { .layout .story .story-article .article-header > figure:first-child[data-type='video'] { color-adjust: exact !important; max-width: 60% !important; -webkit-print-color-adjust: exact !important; } .layout .story .story-article .article-header > figure:first-child[data-type='video'] > div[data-embed-loaded='true']::before { left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .layout .story .story-article .article-header > figure:first-child[data-type='video'] > div[data-embed-loaded='true'] > div { padding-bottom: 50px !important; } .layout .story .story-article .article-header > figure:first-child[data-type='video'] > div[data-embed-loaded='true'] > div iframe { display: none; } } .layout .story .story-article .article-header > figure:first-child figcaption { display: none; } .layout .story .story-article .article-header header { max-width: 615px; box-sizing: border-box; margin-bottom: 1.5625rem; margin-left: auto; max-width: calc(var(--story-width) + var(--story-negativespace)); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout .story .story-article .article-header header { margin-right: auto; } } @media (min-width: 960px) { .layout .story .story-article .article-header header { margin-left: var(--story-negativespace); max-width: calc(var(--story-width) + var(--story-negativespace) / 2); } } @media print { .layout .story .story-article .article-header header { max-width: none; } } .layout .story .story-article .article-header .breakinglabel { color: var(--theme-secondarydeco); font: var(--w1-kicker); font-size: 0.9375rem; font-weight: 700; letter-spacing: 0.01em; margin-right: 1ex; padding: 1px 3px; text-transform: uppercase; } .layout .story .story-article .article-header .breakinglabel[data-label-name='exclusive'] { background-color: var(--theme-primarydeco); } .layout .story .story-article .article-header .breakinglabel[data-label-name='breakingnews'] { background-color: var(--theme-live-primarydeco); } .layout .story .story-article .article-header .article-kicker { font: 600 0.9375rem/1.5 STMatilda Info Variable, system-ui, sans-serif; font: var(--w1-kicker); letter-spacing: 0.06em; margin: 0 0 8px; text-transform: uppercase; } .layout .story .story-article .article-header .article-kicker svg { height: 13px; opacity: 70%; width: 13px; } .layout .story .story-article .article-header .article-title { font: 800 2rem/2rem "STMatilda Info Variable", system-ui, sans-serif; font: var(--w1-title); letter-spacing: -0.015em; margin: 0 0 12px; } .layout .story .story-article .article-header .article-subtitle { font: 420 1.25rem/1.4 "STMatilda Info Variable", system-ui, sans-serif; font: var(--w1-subtitle); margin: 0 0 24px; } .layout .story .story-article .article-header .article-subtitle ~ * { vertical-align: middle; } .layout .story .story-article .article-header .article-subtitle 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; } .layout .story .story-article .article-header .article-subtitle a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } @media print { .layout .story .story-article .article-header .article-subtitle a:link::after, .layout .story .story-article .article-header .article-subtitle a:visited::after { content: " [" attr(href) "] "; font-size: 0.8em; } .layout .story .story-article .article-header .article-subtitle a[href^='/']::after { content: " [http://www.derstandard.at" attr(href) "] "; } } .layout .story .story-article .article-header .article-byline { font: 500 1rem/1.4 STMatilda Info Variable, system-ui, sans-serif; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 0.25em; -moz-column-gap: 0.25em; column-gap: 0.25em; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font: var(--w1-byline); font-feature-settings: 'tnum'; margin-bottom: 6px; } .layout .story .story-article .article-header .article-byline:empty { display: none; } .layout .story .story-article .article-header .article-meta { font: 420 0.875rem/1.4 STMatilda Info Variable, system-ui, sans-serif; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font: var(--w1-meta); font-feature-settings: 'tnum'; opacity: 0.8; } .layout .story .story-article .article-header .article-meta p { margin: 0; } .layout .story .story-article .article-header .article-meta > * { -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .layout .story .story-article .article-header .article-origins { position: relative; z-index: 16; } @media (max-width: 959.9px) { .layout .story .story-article .article-header .article-origins { position: relative; } } .layout .story .story-article .article-header .article-origins .article-author { margin-right: 0.875rem; } @media (min-width: 960px) { .layout .story .story-article .article-header .article-origins .article-author { position: relative; } } .layout .story .story-article .article-header .article-origins .article-author .article-author-card { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4); z-index: 6; background-color: #fff; color: #202226; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: var(--theme-ui-tint); box-sizing: border-box; color: var(--theme-ui-background); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: normal; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; left: 0; max-width: calc(var(--grid-block-width) * 4 + var(--grid-gap) * 3); padding: var(--single-column-and-gap); position: absolute; -webkit-transform: translateY(36px); transform: translateY(36px); width: calc(100vw - 2 * var(--site--core-padding)); } @media (min-width: 960px) { .layout .story .story-article .article-header .article-origins .article-author .article-author-card { width: calc(var(--grid-block-width) * 4 + var(--grid-gap) * 3); } } .layout .story .story-article .article-header .article-origins .article-author .article-author-card > * { margin: 0.9375rem 0 0; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card > span:first-child { font-size: 1.125rem; font-weight: bold; line-height: 1.375rem; margin-top: 0; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card a { font-weight: bold; text-transform: uppercase; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card .article-author-profile { border-bottom: 2px solid currentColor; color: inherit; font-size: 0.8125rem; line-height: 0.9375rem; margin: 1em 0 0; text-decoration: none; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card p { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-style: italic; opacity: 0.6; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card p:empty { margin: 0; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card ul { list-style-type: none; padding: 0; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card li { display: inline-block; height: 1.875rem; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card li a { display: inline-block; height: 1.875rem; position: relative; width: 3.125rem; /* stylelint-disable selector-no-qualifying-type */ /*stylelint-enable*/ } .layout .story .story-article .article-header .article-origins .article-author .article-author-card li a[data-website-provider='facebook'], .layout .story .story-article .article-header .article-origins .article-author .article-author-card li a[data-website-provider='twitter'], .layout .story .story-article .article-header .article-origins .article-author .article-author-card li a[data-website-provider='instagram'] { width: 1.875rem; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card li a::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCAzMCI+PHBhdGggZD0iTTQyLDYuMjdIOGEzLDMsMCwwLDAtMywzVjE5YTMsMywwLDAsMCwzLDNINDJhMywzLDAsMCwwLDMtM1Y5LjI3QTMsMywwLDAsMCw0Miw2LjI3Wk0xNy45MSwxNy43NEgxNi43NGwtMS4zNi00LjM2TDE0LDE3Ljc0SDEyLjg3TDExLjE0LDExLjRoMS4zOGwxLDQuMzMsMS4zLTQuMzNoMS4wN2wxLjMyLDQuMzcsMS00LjM3aDEuMzlabTkuNzYsMEgyNi41bC0xLjM2LTQuMzZMMjMuOCwxNy43NEgyMi42M0wyMC44OSwxMS40aDEuMzlsMSw0LjMzLDEuMy00LjMzaDEuMDdMMjcsMTUuNzdsMS00LjM3SDI5LjRabTkuNzUsMEgzNi4yNWwtMS4zNi00LjM2LTEuMzMsNC4zNkgzMi4zOUwzMC42NSwxMS40SDMybDEsNC4zMywxLjMtNC4zM2gxLjA3bDEuMzIsNC4zNywxLTQuMzdoMS4zOVoiLz48L3N2Zz4="); height: 30px; width: 50px; position: absolute; content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card li a[data-website-provider='facebook']::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTIyLjEgNi42SDcuOWMtLjUgMC0uOS40LS45Ljl2MTQuMmMwIC41LjQuOS45LjloNy42di02LjJoLTJWMTRoMnYtMS44YzAtMiAxLjMtMy4yIDMuMS0zLjJsMS45LjF2Mi4yaC0xLjNjLTEgMC0xLjIuNC0xLjIgMS4xVjE0aDIuNGwtLjMgMi40aC0ydjYuMmg0Yy41IDAgLjktLjQuOS0uOVY3LjVjMC0uNS0uNC0xLS45LTF6Ii8+PC9zdmc+"); height: 30px; width: 30px; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card li a[data-website-provider='twitter']::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTE5Ljk0NSwxMi40NjVjMC4wMDUsMC4xMDksMC4wMDcsMC4yMTksMC4wMDcsMC4zMjljMCwzLjM3LTIuNTY2LDcuMjU4LTcuMjU4LDcuMjU4Yy0xLjQ0MSwwLTIuNzgyLTAuNDIyLTMuOTEtMS4xNDYgYzAuMTk5LDAuMDIzLDAuNDAyLDAuMDM1LDAuNjA4LDAuMDM1YzEuMTk1LDAsMi4yOTQtMC40MDcsMy4xNjgtMS4wOTJjLTEuMTE3LTAuMDItMi4wNi0wLjc1OC0yLjM4My0xLjc3MSBjMC4xNTUsMC4wMywwLjMxNCwwLjA0NSwwLjQ3OSwwLjA0NWMwLjIzMywwLDAuNDU5LTAuMDI5LDAuNjczLTAuMDg5Yy0xLjE2Ni0wLjIzMy0yLjA0Ni0xLjI2Ni0yLjA0Ni0yLjUwMSBjMC0wLjAxMSwwLTAuMDIxLDAtMC4wMzJjMC4zNDQsMC4xOTEsMC43MzYsMC4zMDgsMS4xNTUsMC4zMTljLTAuNjg3LTAuNDU3LTEuMTM1LTEuMjM4LTEuMTM1LTIuMTIzIGMwLTAuNDY5LDAuMTI1LTAuOTA1LDAuMzQ2LTEuMjgzYzEuMjU3LDEuNTQ0LDMuMTM2LDIuNTU5LDUuMjU3LDIuNjY2Yy0wLjA0NC0wLjE4OC0wLjA2NS0wLjM4MS0wLjA2NS0wLjU4MiBjMC0xLjQwOCwxLjE0MS0yLjU1LDIuNTUxLTIuNTVjMC43MzIsMCwxLjM5NiwwLjMxLDEuODYyLDAuODA1YzAuNTc4LTAuMTE0LDEuMTI2LTAuMzI3LDEuNjItMC42MTggYy0wLjE5MiwwLjU5NS0wLjU5NiwxLjA5Ni0xLjEyNCwxLjQxYzAuNTE4LTAuMDYxLDEuMDEtMC4xOTcsMS40NjYtMC40QzIwLjg3NywxMS42NTYsMjAuNDQzLDEyLjEwNSwxOS45NDUsMTIuNDY1eiIvPjwvc3ZnPg=="); height: 30px; width: 30px; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card li a[data-website-provider='instagram']::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTE1LDEwLjQ4MmMtMi4yNywwLTQuMTA4LDEuODM5LTQuMTA4LDQuMTA4UzEyLjczLDE4LjY5OCwxNSwxOC42OThzNC4xMDgtMS44MzksNC4xMDgtNC4xMDhTMTcuMjcsMTAuNDgyLDE1LDEwLjQ4MnogTTE1LDE3LjI1OGMtMS40NzQsMC0yLjY2Ni0xLjE5Ni0yLjY2Ni0yLjY2OHMxLjE5Mi0yLjY2OCwyLjY2Ni0yLjY2OHMyLjY2NCwxLjE5NiwyLjY2NCwyLjY2OFMxNi40NzQsMTcuMjU4LDE1LDE3LjI1OHoiLz48Y2lyY2xlIGN4PSIxOS4zIiBjeT0iMTAuMyIgcj0iMSIvPjxwYXRoIGQ9Ik0xNSw4LjAzMWMyLjEzNiwwLDIuMzg5LDAuMDA5LDMuMjMyLDAuMDQ3YzAuNzgsMC4wMzYsMS4yMDQsMC4xNjYsMS40ODUsMC4yNzVjMC4zNzMsMC4xNDYsMC42NDEsMC4zMTgsMC45MiwwLjYgYzAuMjc5LDAuMjc5LDAuNDUzLDAuNTQ2LDAuNiwwLjkxOWMwLjEwOSwwLjI4MiwwLjIzOSwwLjcwNiwwLjI3MywxLjQ4NmMwLjA0MSwwLjg0MywwLjA0NywxLjA5NSwwLjA0NywzLjIzMiBzLTAuMDA2LDIuMzg5LTAuMDQ3LDMuMjMyYy0wLjAzNCwwLjc4LTAuMTY0LDEuMjA0LTAuMjczLDEuNDg2Yy0wLjE0NiwwLjM3My0wLjMyLDAuNjQtMC42LDAuOTE5IGMtMC4yNzksMC4yODEtMC41NDcsMC40NTMtMC45MiwwLjZjLTAuMjgxLDAuMTA5LTAuNzA1LDAuMjM5LTEuNDg1LDAuMjc1QzE3LjM5LDIxLjE0LDE3LjEzNiwyMS4xNDksMTUsMjEuMTQ5IHMtMi4zOS0wLjAwOS0zLjIzMi0wLjA0N2MtMC43OC0wLjAzNi0xLjIwNC0wLjE2Ni0xLjQ4NS0wLjI3NWMtMC4zNzMtMC4xNDYtMC42NDEtMC4zMTgtMC45Mi0wLjYgYy0wLjI3OS0wLjI3OS0wLjQ1My0wLjU0Ni0wLjYtMC45MTljLTAuMTA5LTAuMjgyLTAuMjQxLTAuNzA2LTAuMjczLTEuNDg2Yy0wLjA0MS0wLjg0My0wLjA0Ny0xLjA5NS0wLjA0Ny0zLjIzMiBzMC4wMDYtMi4zODksMC4wNDctMy4yMzJjMC4wMzItMC43OCwwLjE2NC0xLjIwNCwwLjI3My0xLjQ4NmMwLjE0Ni0wLjM3MywwLjMyLTAuNjQsMC42LTAuOTE5YzAuMjc5LTAuMjgxLDAuNTQ3LTAuNDUzLDAuOTItMC42IGMwLjI4MS0wLjEwOSwwLjcwNS0wLjIzOSwxLjQ4NS0wLjI3NUMxMi42MTEsOC4wNCwxMi44NjQsOC4wMzEsMTUsOC4wMzEgTTE1LDYuNTljLTIuMTczLDAtMi40NDcsMC4wMDktMy4yOTksMC4wNDggYy0wLjg1LDAuMDM5LTEuNDMzLDAuMTc0LTEuOTQzLDAuMzcxQzkuMjMzLDcuMjE0LDguNzg5LDcuNDg4LDguMzQzLDcuOTMyQzcuODk2LDguMzc3LDcuNjI0LDguODIzLDcuNDE5LDkuMzUgYy0wLjE5NSwwLjUwOS0wLjMzNSwxLjA5LTAuMzcxLDEuOTQxQzcuMDA4LDEyLjE0NSw3LDEyLjQxNyw3LDE0LjU5czAuMDA4LDIuNDQ1LDAuMDQ4LDMuMjk4YzAuMDM2LDAuODUyLDAuMTc2LDEuNDMzLDAuMzcxLDEuOTQxIGMwLjIwNSwwLjUyNiwwLjQ3OCwwLjk3MywwLjkyNCwxLjQxOGMwLjQ0NiwwLjQ0NCwwLjg5MSwwLjcxOCwxLjQxNSwwLjkyM2MwLjUxMSwwLjE5NywxLjA5NCwwLjMzMiwxLjk0MywwLjM3MSBjMC44NTIsMC4wMzksMS4xMjYsMC4wNDgsMy4yOTksMC4wNDhzMi40NDUtMC4wMDksMy4yOTktMC4wNDhjMC44NDgtMC4wMzksMS40MzMtMC4xNzQsMS45NDEtMC4zNzEgYzAuNTI2LTAuMjA1LDAuOTY5LTAuNDc5LDEuNDE3LTAuOTIzYzAuNDQ0LTAuNDQ1LDAuNzE5LTAuODkxLDAuOTI0LTEuNDE4YzAuMTk1LTAuNTA5LDAuMzMzLTEuMDksMC4zNzEtMS45NDEgQzIyLjk5LDE3LjAzNSwyMywxNi43NjMsMjMsMTQuNTlzLTAuMDEtMi40NDUtMC4wNDgtMy4yOTljLTAuMDM4LTAuODUxLTAuMTc2LTEuNDMyLTAuMzcxLTEuOTQxIGMtMC4yMDUtMC41MjctMC40NzktMC45NzMtMC45MjQtMS40MThjLTAuNDQ4LTAuNDQ0LTAuODkxLTAuNzE4LTEuNDE3LTAuOTIzYy0wLjUwOS0wLjE5Ny0xLjA5NC0wLjMzMi0xLjk0MS0wLjM3MSBDMTcuNDQ1LDYuNTk5LDE3LjE3Myw2LjU5LDE1LDYuNTlMMTUsNi41OXoiLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwSDMwVjMwSDB6Ii8+PC9zdmc+"); height: 30px; width: 30px; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card li a span { display: none; } .layout .story .story-article .article-header .article-origins .article-author .article-author-card[data-closable-active='false'] { display: none; } .layout .story .story-article .article-header .article-origins .article-author .article-author-avatar { -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 2rem; padding-right: 0.75rem; position: relative; } .layout .story .story-article .article-header .article-origins .article-author .article-author-avatar > span { margin-left: 0.5rem; } .layout .story .story-article .article-header .article-origins .article-author .article-author-avatar::after { border-color: transparent #212121 #212121 transparent; border: 1px solid; border-color: transparent var(--theme-primarytint) var(--theme-primarytint) transparent; content: ''; display: block; height: 0.25rem; position: absolute; right: 0; top: calc(50% - rem(5)); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 0.25rem; } .layout .story .story-article .article-header .article-origins .article-author .article-author-avatar figure { background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; height: 2rem; margin: 0; min-height: 32px; overflow: hidden; width: 32px; } .layout .story .story-article .article-header .article-origins .article-author .article-author-avatar figure img { height: 32px; min-height: 0; width: 32px; } .layout .story .story-article .article-header .article-origins .article-author .article-author-avatar figure span { display: block; font-size: 0.75rem; line-height: 2rem; text-align: center; width: 100%; } .layout .story .story-article .article-header .article-origins .article-author [data-closable-active='true'] + .article-author-avatar::before { background-color: #fff; background-color: var(--theme-ui-tint); content: ''; display: block; height: 10px; left: 11px; position: absolute; top: 31px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; z-index: 16; } .layout .story .story-article .article-header .article-origins .article-author:first-child:nth-last-child(n+3) .article-author-avatar figure + span, .layout .story .story-article .article-header .article-origins .article-author:first-child:nth-last-child(n+3) ~ div .article-author-avatar figure + span { display: none; } .layout .story .story-article .article-header .article-origins br { display: none; } .layout .story .story-article .article-header .article-origins .simple:not(:last-child)::after { content: ','; } .layout .story .story-article .article-header p.article-postingcount > span:first-child { opacity: 0.5; } .layout .story .story-article .article-header p.article-postingcount button, .layout .story .story-article .article-header p.article-postingcount a { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; border-radius: 0; color: inherit; cursor: pointer; font-size: inherit; line-height: inherit; padding: 0; text-decoration: underline; -webkit-text-decoration-color: rgba(33, 33, 33, 0.5); text-decoration-color: rgba(33, 33, 33, 0.5); text-underline-offset: 0.05em; } .layout .story .story-article .article-header p.article-postingcount button:hover, .layout .story .story-article .article-header p.article-postingcount a:hover { -webkit-text-decoration-color: inherit; text-decoration-color: inherit; } .layout .story .story-article .article-header p.article-postingcount button:empty, .layout .story .story-article .article-header p.article-postingcount a:empty { display: none; } .layout .story .story-article .article-header .article-actions { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-top: 16px; } .layout .story .story-article .article-header .article-postingcount:has(.js-forum-postinglabel:empty) { display: none; } .layout .story .story-article .article-header .storylabels { -webkit-column-gap: 0.25em; -moz-column-gap: 0.25em; column-gap: 0.25em; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .layout .story .story-article .article-body > * { max-width: 615px; box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: var(--story-width); } @media print { .layout .story .story-article .article-body > * { max-width: none; } } .layout .story .story-article .article-body > * > img { max-width: 100%; } .layout .story .story-article .article-body h3 { font-size: 1.2em; font-weight: 600; line-height: 1.3; } .layout .story .story-article .article-body 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; } .layout .story .story-article .article-body a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } @media print { .layout .story .story-article .article-body a:link::after, .layout .story .story-article .article-body a:visited::after { content: " [" attr(href) "] "; font-size: 0.8em; } .layout .story .story-article .article-body a[href^='/']::after { content: " [http://www.derstandard.at" attr(href) "] "; } } .layout .story .story-article .article-body dst-community-reactions { display: block; margin-bottom: 2.5rem; margin-top: 1em; } .layout .story .story-article .article-body ad-container a, .layout .story .story-article .article-body .native-ad a { color: #212121; border: unset; box-shadow: unset; color: var(--theme-primarytint); text-decoration: none; transition: unset; } .layout .story .story-article .article-body ad-container a:hover, .layout .story .story-article .article-body .native-ad a:hover { background-color: unset; border-color: unset; box-shadow: unset; color: unset; } @media screen and (max-width: 360px) { .layout .story .story-article .article-body ad-container[data-ad-active-format^='mobil_'] { margin-left: -5px; margin-right: -5px; } } @media (min-width: 1690px) { .layout .story .story-article [data-ad-active-format*='story']:not([data-ad-active-format*='story_bottom']), .layout .story .story-article div.native-ad { clear: left; display: block; float: left; margin: 0 0.5% var(--grid-column) 0; } .layout .story .story-article div.native-ad [data-ad-active-format*='story'] { clear: none; float: none; margin: 0; } .layout .story .story-article div.native-ad:has([data-ad-active-format*='story_bottom']) { clear: none; float: none; margin: 0 auto; } } @media (min-width: 1690px) { .layout .story .story-article [data-ad-active-format='story_bottom'] { display: block; max-width: var(--story-width); overflow: visible; width: 100%; } .layout .story .story-article [data-ad-active-format='story_bottom'] ad-slot > div { margin: 0 auto; } } .layout .story .story-article [data-section-type] { --component-name: "editorial--storysection"; clear: none; float: none; margin: 1em auto; clear: var(--storysection-clear, none); float: var(--storysection-float, none); margin: var(--storysection-margin, 1em auto); max-width: var(--storysection-maxwidth, var(--story-width)); min-width: 10%; width: var(--storysection-width); } .layout .story .story-article [data-section-type] > div { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } @media print { .layout .story .story-article [data-section-type] > div { display: block; } } .layout .story .story-article [data-section-type] > div > * { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .layout .story .story-article [data-section-type] figure { --component-name: 'editorial--figure'; background: var(--figure-background); margin: var(--figure-margin); max-width: 100vw; } .layout .story .story-article [data-section-type] figure > div { position: relative; } .layout .story .story-article [data-section-type] figure > div > div .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; } .layout .story .story-article [data-section-type] figure > div > div .blocked-media-placeholder .hidden { display: none; } .layout .story .story-article [data-section-type] figure > div > div .blocked-media-placeholder .placeholder { margin-left: auto; margin-right: auto; } .layout .story .story-article [data-section-type] figure > div > div .blocked-media-placeholder .placeholder img { display: block; margin-bottom: 20px; margin-left: auto; margin-right: auto; max-width: 290px; } .layout .story .story-article [data-section-type] figure > div > div .blocked-media-placeholder .provider-label em { font-style: normal; font-weight: bold; } .layout .story .story-article [data-section-type] figure > div > div .blocked-media-placeholder .connective { display: var(--placeholder-connective-display, inline); } .layout .story .story-article [data-section-type] figure > div > div .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 .story .story-article [data-section-type] figure > div > div .blocked-media-placeholder .buttons button:hover, .layout .story .story-article [data-section-type] figure > div > div .blocked-media-placeholder .buttons button:focus, .layout .story .story-article [data-section-type] figure > div > div .blocked-media-placeholder .buttons button:active { background-color: var(--placeholder-button-hoverbg, rgba(0, 0, 0, 0.16)); } .layout .story .story-article [data-section-type] figure > div > div .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 .story .story-article [data-section-type] figure > div > div .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 .story .story-article [data-section-type] figure > div > div .blocked-media-placeholder .info-toggle span { display: none; } .layout .story .story-article [data-section-type] figure > div > div .blocked-media-placeholder .info { font-size: 0.8125rem; line-height: 1.0625rem; margin: 0 auto; max-width: 512px; } .layout .story .story-article [data-section-type] figure > div > div .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 .story .story-article [data-section-type] figure > div > div .blocked-media-placeholder .info a { color: var(--placeholder-txt, #212121); } .layout .story .story-article [data-section-type] figure > div > div .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 .story .story-article [data-section-type] figure > div > div .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 .story .story-article [data-section-type] figure > div > div .blocked-media-placeholder[data-type='privacy'] span { line-height: 0.66406rem; } .layout .story .story-article [data-section-type] figure > div > *:not(script) + * { padding-top: 1.125rem; } .layout .story .story-article [data-section-type] figure figure figcaption { font: var(--w1-caption); } .layout .story .story-article [data-section-type] figure figcaption { font: var(--w1-caption); padding: 0.9375rem 0 0; } .layout .story .story-article [data-section-type] figure figcaption small { font-size: 0.8125rem; opacity: 0.7; } .layout .story .story-article [data-section-type] figure figcaption :first-child { margin-top: 0; } .layout .story .story-article [data-section-type] figure figcaption :last-child { margin-bottom: 0; } .layout .story .story-article [data-section-type] figure figcaption:empty { display: none; } .layout .story .story-article [data-section-type] figure footer { font: 420 0.75rem/0.875rem "STMatilda Info Variable", system-ui, sans-serif; font: var(--w1-small); opacity: 0.4; padding: 0.375rem 0 0; text-align: right; } .layout .story .story-article [data-section-type] figure figcaption + footer { padding: 0.375rem 0 0; text-align: left; } @media (min-width: 960px) { .layout .story .story-article [data-section-type] { --storysection-maxwidth: 100%; --storysection-width: var(--story-width); --storysection-width-secondary: calc(var(--grid-block-width) * 3 + var(--grid-gap) - var(--grid-column)); --storysection-width-small: 280px; --storysection-width-medium: 40%; --storysection-width-extended: calc(var(--story-width) + var(--story-negativespace)); --storysection-width-large: 80%; } .layout .story .story-article [data-section-type][data-position='auto'], .layout .story .story-article [data-section-type][data-position='center'] { --storysection-clear: none; --storysection-float: none; --storysection-margin: 1em auto; } .layout .story .story-article [data-section-type][data-position='left']:not([data-size='auto']) { --storysection-clear: left; --storysection-float: left; --storysection-margin: 0 calc(var(--grid-column) + 0.5%) var(--grid-column) 0; } .layout .story .story-article [data-section-type][data-position='right']:not([data-size='auto']) { --storysection-clear: right; --storysection-float: right; --storysection-margin: 0 0 var(--grid-column) calc(var(--grid-column) + 0.5%); } .layout .story .story-article [data-section-type][data-size='auto'] { --storysection-margin: 1em auto; } .layout .story .story-article [data-section-type][data-size='small']:not([data-position='auto']):not([data-position='center']) { --storysection-width: var(--storysection-width-small); } .layout .story .story-article [data-section-type][data-size='medium']:not([data-position='auto']):not([data-position='center']) { --storysection-width: var(--storysection-width-medium); } .layout .story .story-article [data-section-type][data-size='large']:not([data-position='auto']) { --storysection-clear: both; --storysection-margin: 1em auto; --storysection-width: var(--storysection-width-large); } .layout .story .story-article [data-section-type][data-gallery-type='list'][data-size='auto'][data-position='auto'], .layout .story .story-article [data-section-type][data-gallery-type='slideshow'][data-size='auto'][data-position='auto'], .layout .story .story-article [data-section-type][data-section-type='columns'] { --storysection-clear: right; --storysection-margin: 1em auto var(--grid-column) auto; --storysection-width: var(--storysection-width-extended); } } @media (min-width: 960px) and (min-width: 1280px) { .layout .story .story-article [data-section-type][data-gallery-type='list'][data-size='auto'][data-position='auto'], .layout .story .story-article [data-section-type][data-gallery-type='slideshow'][data-size='auto'][data-position='auto'], .layout .story .story-article [data-section-type][data-section-type='columns'] { --storysection-margin: 1em 0 var(--grid-column) auto; } } @media (min-width: 960px) { .layout .story .story-article [data-section-type][data-gallery-type='list'][data-size='auto'][data-position='auto'] [data-section-type], .layout .story .story-article [data-section-type][data-gallery-type='slideshow'][data-size='auto'][data-position='auto'] [data-section-type], .layout .story .story-article [data-section-type][data-section-type='columns'] [data-section-type] { --storysection-width: auto; } } @media (min-width: 1690px) { .layout .story .story-article [data-section-type][data-gallery-type='secondary'][data-position='auto'] { --storysection-clear: right; --storysection-float: right; --storysection-margin: 0 0 var(--grid-column); --storysection-width: var(--storysection-width-secondary); } } @media print { .layout .story .story-article [data-section-type] { max-width: none; } } .layout .story .story-article [data-section-type='columns'] { --component-name: "editorial--storysection-columns"; --editorial--storysection-column-gap: var(--single-column-and-gap); } .layout .story .story-article [data-section-type='columns'] > div > div:first-of-type { border-bottom: 2px solid; margin-bottom: 1rem; padding-bottom: 1rem; } @media (min-width: 960px) { .layout .story .story-article [data-section-type='columns'] > div { display: grid; grid-template-columns: 1fr 1fr; } .layout .story .story-article [data-section-type='columns'] > div > div:first-of-type { border-bottom: 0; border-right: 1px solid; margin-bottom: 0; padding-bottom: 0; padding-right: calc(var(--editorial--storysection-column-gap) - 1px); } .layout .story .story-article [data-section-type='columns'] > div > div:last-of-type { border-left: 1px solid; padding-left: calc(var(--editorial--storysection-column-gap) - 1px); } .layout .story .story-article [data-section-type='columns'] > div > div > *:first-child { margin-top: 0; } .layout .story .story-article [data-section-type='columns'] > div > div > *:last-child { margin-bottom: 0; } } .layout .story .story-article [data-section-type='filedownload'] { --component-name: "editorial--storysection-filedownload"; } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'] { /* stylelint-disable-line selector-no-qualifying-type */ --component-name: 'editorial--figure-filedownload'; max-width: 100%; } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'] > a { color: #212121; border: unset; box-shadow: unset; color: var(--theme-primarytint); text-decoration: none; transition: unset; display: block; margin-top: var(--single-column-and-gap); } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'] > a:hover { background-color: unset; border-color: unset; box-shadow: unset; color: unset; } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'] > a::before { position: absolute; content: ''; display: block; background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTI1LDBDMTEuMTkzLDAsMCwxMS4xOTMsMCwyNXMxMS4xOTMsMjUsMjUsMjVzMjUtMTEuMTkzLDI1LTI1UzM4LjgwNywwLDI1LDB6IE0yMi4zOTYsMjIuOTAyVjExLjQ0M2g1LjIwOHYxMS40NThoNS43MjkgTDI1LDMxLjI5NGwtOC4zMzMtOC4zOTNIMjIuMzk2eiBNMzUuNDE3LDM3LjMzMWMwLDAuNjc3LTAuNjMyLDEuMjI2LTEuNDEyLDEuMjI2SDE1Ljk5NmMtMC43OCwwLTEuNDEyLTAuNTQ5LTEuNDEyLTEuMjI2di0yLjc1NyBjMC0wLjY3NywwLjYzMi0xLjIyNiwxLjQxMi0xLjIyNmgxOC4wMDljMC43OCwwLDEuNDEyLDAuNTQ4LDEuNDEyLDEuMjI2VjM3LjMzMXoiLz48cGF0aCBkPSJNMzMuODU0LDM1LjkzOGMwLDAuNTc1LTAuNDY2LDEuMDQyLTEuMDQyLDEuMDQybDAsMGMtMC41NzUsMC0xLjA0Mi0wLjQ2Ni0xLjA0Mi0xLjA0MmwwLDAgYzAtMC41NzUsMC40NjYtMS4wNDIsMS4wNDItMS4wNDJsMCwwQzMzLjM4OCwzNC44OTYsMzMuODU0LDM1LjM2MiwzMy44NTQsMzUuOTM4TDMzLjg1NCwzNS45Mzh6Ii8+PC9zdmc+"); height: 50px; width: 50px; margin: 0 auto 1rem; opacity: 0.6; position: static; } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'] > a p { margin: 0; text-align: center; } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'] > a p:first-of-type { line-height: 120%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'] > a p:last-of-type { font-size: 0.8125rem; } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'] > a:hover::before { opacity: 1; } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'] > audio { margin-top: var(--single-column-and-gap); width: 100%; } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'][data-file-type='archive'] > a::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTMzLjU5NCAzOS4wNzdjMCAuNDMyLS4zNS43ODEtLjc4MS43ODFsMCAwYy0uNDMyIDAtLjc4MS0uMzUtLjc4MS0uNzgxbDAgMGMwLS40MzIuMzUtLjc4MS43ODEtLjc4MWwwIDBDMzMuMjQ0IDM4LjI5NiAzMy41OTQgMzguNjQ2IDMzLjU5NCAzOS4wNzdMMzMuNTk0IDM5LjA3N3pNMjkuMTY3IDE2LjU2M2MwIC44MDYtLjc0NiAxLjQ1OC0xLjY2NyAxLjQ1OGgtNWMtLjkyIDAtMS42NjctLjY1My0xLjY2Ny0xLjQ1OGwwIDBjMC0uODA2Ljc0Ni0xLjQ1OCAxLjY2Ny0xLjQ1OGg1QzI4LjQyIDE1LjEwNCAyOS4xNjcgMTUuNzU3IDI5LjE2NyAxNi41NjNMMjkuMTY3IDE2LjU2M3oiLz48cGF0aCBkPSJNMjUsMEMxMS4xOTMsMCwwLDExLjE5MywwLDI1czExLjE5MywyNSwyNSwyNXMyNS0xMS4xOTMsMjUtMjVTMzguODA3LDAsMjUsMHogTTM1LjQxNyw0MC40NTYgYzAsMC42NzctMC42MzIsMS4yMjYtMS40MTIsMS4yMjZIMTUuOTk2Yy0wLjc4LDAtMS40MTItMC41NDktMS40MTItMS4yMjZ2LTIuNzU3YzAtMC42NzcsMC42MzItMS4yMjYsMS40MTItMS4yMjZoMTguMDA5IGMwLjc4LDAsMS40MTIsMC41NDgsMS40MTIsMS4yMjZWNDAuNDU2eiBNMzAuNzI5LDI5LjcxNEwyNSwzNS40ODRsLTUuNzI5LTUuNzdoMy45Mzh2LTcuMzE4aDMuNTgxdjcuMzE4SDMwLjcyOXogTTI4Ljk1OCwyNS41MjEgdi01LjIwOGgtNy44MTN2NS4yMDhoLTYuMDQyVjEzLjU0MmgxOS43OTJ2MTEuOTc5SDI4Ljk1OHogTTM1LjkzOCwxMS45NzlIMTQuMDYzYzAsMCwwLTIuMjYyLDAtMy4xMjUgYzAtMC44NjMsMC43LTEuNTYzLDEuNTYzLTEuNTYzaDE4Ljc1YzAuODYzLDAsMS41NjMsMC43LDEuNTYzLDEuNTYzQzM1LjkzOCw5LjcxNywzNS45MzgsMTEuOTc5LDM1LjkzOCwxMS45Nzl6Ii8+PC9zdmc+"); height: 50px; width: 50px; } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'][data-file-type='audio'] > a::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTI1LDBDMTEuMTkzLDAsMCwxMS4xOTMsMCwyNXMxMS4xOTMsMjUsMjUsMjVzMjUtMTEuMTkzLDI1LTI1UzM4LjgwNywwLDI1LDB6IE0zNS40MTcsNDAuNDU2IGMwLDAuNjc3LTAuNjMyLDEuMjI2LTEuNDEyLDEuMjI2SDE1Ljk5NmMtMC43OCwwLTEuNDEzLTAuNTQ5LTEuNDEzLTEuMjI2di0yLjc1N2MwLTAuNjc3LDAuNjMyLTEuMjI2LDEuNDEzLTEuMjI2aDE4LjAwOCBjMC43OCwwLDEuNDEyLDAuNTQ4LDEuNDEyLDEuMjI2VjQwLjQ1NnogTTMwLjcyOSwyOS43MTRMMjUsMzUuNDg0bC01LjcyOS01Ljc3aDMuOTM4di03LjMxOGgzLjU4MXY3LjMxOEgzMC43Mjl6IE0zNi4xNDIsMjQuMDk5IGMwLDAuMzA1LTAuMTgxLDAuNTUzLTAuNDA0LDAuNTUzaC0wLjAyOHYwLjcwOWMwLDAuNTM5LTAuMzkzLDAuOTc1LTAuODc4LDAuOTc1SDMyLjI3Yy0wLjQ4NSwwLTAuODc4LTAuNDM3LTAuODc4LTAuOTc1di01LjgyMyBjMC0wLjUzOSwwLjM5My0wLjk3NiwwLjg3OC0wLjk3NmgwLjQxOWMwLTQuMjQtMy40NDktNy42ODktNy42ODktNy42ODljLTQuMjQsMC03LjY4OSwzLjQ0OS03LjY4OSw3LjY4OWgwLjQyIGMwLjQ4NSwwLDAuODc4LDAuNDM3LDAuODc4LDAuOTc2djUuODIzYzAsMC41MzktMC4zOTMsMC45NzUtMC44NzgsMC45NzVoLTIuNTYyYy0wLjQ4NSwwLTAuODc4LTAuNDM3LTAuODc4LTAuOTc1di0wLjcwOWgtMC4wMjggYy0wLjIyMywwLTAuNDA0LTAuMjQ4LTAuNDA0LTAuNTUzdi0zLjNjMC0wLjMwNSwwLjE4MS0wLjU1MywwLjQwNC0wLjU1M2gwLjAyOHYtMC43MDhjMC0wLjUzOSwwLjM5NC0wLjk3NiwwLjg3OC0wLjk3NmgwLjQxNyBjMC01LjE5MSw0LjIyMy05LjQxNCw5LjQxNS05LjQxNGM1LjE5MSwwLDkuNDE0LDQuMjIzLDkuNDE0LDkuNDE0aDAuNDE3YzAuNDg1LDAsMC44NzgsMC40MzcsMC44NzgsMC45NzZ2MC43MDhoMC4wMjggYzAuMjIzLDAsMC40MDQsMC4yNDgsMC40MDQsMC41NTNWMjQuMDk5eiIvPjxwYXRoIGQ9Ik0zMy41OTQsMzkuMDc3YzAsMC40MzItMC4zNSwwLjc4MS0wLjc4MSwwLjc4MWwwLDBjLTAuNDMyLDAtMC43ODEtMC4zNS0wLjc4MS0wLjc4MWwwLDBjMC0wLjQzMiwwLjM1LTAuNzgxLDAuNzgxLTAuNzgxIGwwLDBDMzMuMjQ0LDM4LjI5NiwzMy41OTQsMzguNjQ2LDMzLjU5NCwzOS4wNzdMMzMuNTk0LDM5LjA3N3oiLz48L3N2Zz4="); height: 50px; width: 50px; } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'][data-file-type='document'] > a::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTMzLjU5NCwzOS4wNzdjMCwwLjQzMi0wLjM1LDAuNzgxLTAuNzgxLDAuNzgxbDAsMGMtMC40MzIsMC0wLjc4MS0wLjM1LTAuNzgxLTAuNzgxbDAsMGMwLTAuNDMyLDAuMzUtMC43ODEsMC43ODEtMC43ODEgbDAsMEMzMy4yNDQsMzguMjk2LDMzLjU5NCwzOC42NDYsMzMuNTk0LDM5LjA3N0wzMy41OTQsMzkuMDc3eiIvPjxwYXRoIGQ9Ik0yNSwwQzExLjE5MiwwLDAsMTEuMTkzLDAsMjVzMTEuMTkyLDI1LDI1LDI1YzEzLjgwNywwLDI1LTExLjE5MywyNS0yNVMzOC44MDcsMCwyNSwweiBNMTYuMTQ2LDguMzA0IGMwLTAuMjg4LDAuMjMzLTAuNDkxLDAuNTIxLTAuNDkxaDE2LjY2N2MwLjI4OCwwLDAuNTIxLDAuMjA0LDAuNTIxLDAuNDkxdjE3Ljc2OGMwLDAuMjg4LTAuMjMzLDAuNDkxLTAuNTIxLDAuNDkxaC00LjM3NXYtMi4wODMgaDIuODEzVjkuODk2SDE4LjIyOXYxNC41ODNoMi45MTd2Mi4wODNoLTQuNDc5Yy0wLjI4OCwwLTAuNTIxLTAuMjA0LTAuNTIxLTAuNDkxVjguMzA0eiBNMzAuMjA4LDE1LjEwNHYyLjA4M0gxOS43OTJ2LTIuMDgzSDMwLjIwOCB6IE0xOS43OTIsMTMuNTQydi0yLjA4M2gxMC40MTd2Mi4wODNIMTkuNzkyeiBNMzAuMjA4LDE4Ljc1djIuMDgzSDE5Ljc5MlYxOC43NUgzMC4yMDh6IE0yMy4yMDksMjIuMzk2aDMuNTgxdjcuMzE4aDMuOTM5IEwyNSwzNS40ODRsLTUuNzI5LTUuNzdoMy45MzlWMjIuMzk2eiBNMzUuNDE3LDQwLjQ1NmMwLDAuNjc3LTAuNjMzLDEuMjI2LTEuNDEzLDEuMjI2SDE1Ljk5NmMtMC43OCwwLTEuNDEzLTAuNTQ5LTEuNDEzLTEuMjI2IHYtMi43NTdjMC0wLjY3NywwLjYzMi0xLjIyNiwxLjQxMy0xLjIyNmgxOC4wMDhjMC43OCwwLDEuNDEzLDAuNTQ4LDEuNDEzLDEuMjI2VjQwLjQ1NnoiLz48L3N2Zz4="); height: 50px; width: 50px; } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'][data-file-type='presentation'] > a::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTMzLjU5NCwzOS4wNzdjMCwwLjQzMi0wLjM1LDAuNzgxLTAuNzgxLDAuNzgxbDAsMGMtMC40MzIsMC0wLjc4MS0wLjM1LTAuNzgxLTAuNzgxbDAsMGMwLTAuNDMyLDAuMzUtMC43ODEsMC43ODEtMC43ODEgbDAsMEMzMy4yNDQsMzguMjk2LDMzLjU5NCwzOC42NDYsMzMuNTk0LDM5LjA3N0wzMy41OTQsMzkuMDc3eiIvPjxwYXRoIGQ9Ik0yNSwwQzExLjE5MywwLDAsMTEuMTkzLDAsMjVzMTEuMTkzLDI1LDI1LDI1czI1LTExLjE5MywyNS0yNVMzOC44MDcsMCwyNSwweiBNMzUuNDE3LDQwLjQ1NiBjMCwwLjY3Ny0wLjYzMiwxLjIyNi0xLjQxMiwxLjIyNkgxNS45OTZjLTAuNzgsMC0xLjQxMi0wLjU0OS0xLjQxMi0xLjIyNnYtMi43NTdjMC0wLjY3NywwLjYzMi0xLjIyNiwxLjQxMi0xLjIyNmgxOC4wMDkgYzAuNzgsMCwxLjQxMiwwLjU0OCwxLjQxMiwxLjIyNlY0MC40NTZ6IE0zMC43MjksMjkuNzE0TDI1LDM1LjQ4NGwtNS43MjktNS43N2gzLjkzOHYtNy4zMThoMy41ODF2Ny4zMThIMzAuNzI5eiBNMzYuOTc5LDI1LjAyOSBjMCwwLjI4OC0wLjIzMywwLjQ5Mi0wLjUyMSwwLjQ5MmgtNy41di01LjIwOGgtNy44MTN2NS4yMDhoLTcuNjA0Yy0wLjI4OCwwLTAuNTIxLTAuMjA0LTAuNTIxLTAuNDkyVjEwLjM4NyBjMC0wLjI4OCwwLjIzMy0wLjQ5MSwwLjUyMS0wLjQ5MWgyMi45MTdjMC4yODgsMCwwLjUyMSwwLjIwNCwwLjUyMSwwLjQ5MVYyNS4wMjl6Ii8+PHBhdGggZD0iTTE1LjYgMTQuNkgxOC43VjE4LjhIMTUuNnpNMjAuOCAxMi41SDIzLjkwMDAwMDAwMDAwMDAwMlYxOC44SDIwLjh6TTI2IDExLjVIMjkuMVYxOC44SDI2ek0zMS4zIDEzLjVIMzQuNFYxOC43SDMxLjN6Ii8+PC9zdmc+"); height: 50px; width: 50px; } .layout .story .story-article [data-section-type='filedownload'] figure[data-type='filedownload'][data-file-type='spreadsheet'] > a::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTMzLjU5NCAzOS4wNzdjMCAuNDMyLS4zNS43ODEtLjc4MS43ODFsMCAwYy0uNDMyIDAtLjc4MS0uMzUtLjc4MS0uNzgxbDAgMGMwLS40MzIuMzUtLjc4MS43ODEtLjc4MWwwIDBDMzMuMjQ0IDM4LjI5NiAzMy41OTQgMzguNjQ2IDMzLjU5NCAzOS4wNzdMMzMuNTk0IDM5LjA3N3pNMTQuMSAxMkgxNy42VjE0LjFIMTQuMXpNMTguNiAxMkgyMi4xVjE0LjFIMTguNnpNMjMuMiAxMkgyNi43VjE0LjFIMjMuMnpNMjcuOCAxMkgzMS4zVjE0LjFIMjcuOHpNMzIuNCAxMkgzNS45VjE0LjFIMzIuNHpNMTQuMSAxNS4xSDE3LjZWMTcuMkgxNC4xek0xOC42IDE1LjFIMjIuMVYxNy4ySDE4LjZ6TTIzLjIgMTUuMUgyNi43VjE3LjJIMjMuMnpNMjcuOCAxNS4xSDMxLjNWMTcuMkgyNy44ek0zMi40IDE1LjFIMzUuOVYxNy4ySDMyLjR6TTE0LjEgMTguMkgxNy42VjIwLjNIMTQuMXpNMTguNiAxOC4ySDIyLjFWMjAuM0gxOC42ek0yMy4yIDE4LjJIMjYuN1YyMC4zSDIzLjJ6TTI3LjggMTguMkgzMS4zVjIwLjNIMjcuOHpNMzIuNCAxOC4ySDM1LjlWMjAuM0gzMi40ek0xNC4xIDIxLjRIMTcuNlYyMy41SDE0LjF6Ii8+PHBhdGggZD0iTTI1LDBDMTEuMTkzLDAsMCwxMS4xOTMsMCwyNXMxMS4xOTMsMjUsMjUsMjVzMjUtMTEuMTkzLDI1LTI1UzM4LjgwNywwLDI1LDB6IE0zNS40MTcsNDAuNDU2IGMwLDAuNjc3LTAuNjMyLDEuMjI2LTEuNDEyLDEuMjI2SDE1Ljk5NmMtMC43OCwwLTEuNDEyLTAuNTQ5LTEuNDEyLTEuMjI2di0yLjc1N2MwLTAuNjc3LDAuNjMyLTEuMjI2LDEuNDEyLTEuMjI2aDE4LjAwOSBjMC43OCwwLDEuNDEyLDAuNTQ4LDEuNDEyLDEuMjI2VjQwLjQ1NnogTTMwLjcyOSwyOS43MTRMMjUsMzUuNDg0bC01LjcyOS01Ljc3aDMuOTM4di03LjMxOGgzLjU4MXY3LjMxOEgzMC43Mjl6IE0zOC4wMjEsMjUuMDI5IGMwLDAuMjg4LTAuMjMzLDAuNDkyLTAuNTIxLDAuNDkyaC04LjU0MnYtMi4wODNoMi4zOTZ2LTIuMDgzaC0yLjM5NmgtMS4xNDZoLTUuNjI1aC0xLjA0MmgtMi41djIuMDgzaDIuNXYyLjA4M0gxMi41IGMtMC4yODgsMC0wLjUyMS0wLjIwNC0wLjUyMS0wLjQ5MlYxMC4zODdjMC0wLjI4OCwwLjIzMy0wLjQ5MSwwLjUyMS0wLjQ5MWgyNWMwLjI4OCwwLDAuNTIxLDAuMjA0LDAuNTIxLDAuNDkxVjI1LjAyOXoiLz48cGF0aCBkPSJNMzIuNCAyMS40SDM1LjlWMjMuNUgzMi40eiIvPjwvc3ZnPg=="); height: 50px; width: 50px; } .layout .story .story-article [data-section-type='factcheck'] { --component-name: "editorial--storysection-factcheck"; } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] { /* stylelint-disable-line selector-no-qualifying-type */ --component-name: 'editorial--figure-factcheck'; padding: var(--single-column-and-gap); quotes: '\201E' '\201C' '\201A' '\2018'; text-align: center; } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] blockquote { font-size: 1.5625rem; font-style: normal; line-height: 120%; margin-bottom: 0.5rem; margin-top: 0.5rem; opacity: 0.9; } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] blockquote::before { content: open-quote; } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] blockquote::after { content: close-quote; } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] figcaption { padding: 0; } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] figcaption > p:first-child { margin-bottom: 2rem; margin-top: 0.5rem; opacity: 0.6; } @media (max-width: 767.9px) { .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] figcaption > p:first-child strong, .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] figcaption > p:first-child time { display: block; } } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] figcaption > p:last-child { font-size: 1.125rem; line-height: 140%; margin-bottom: 0.5rem; margin-top: 2rem; } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] figcaption > p:last-child span { font-style: normal; opacity: 0.8; } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] figcaption > p:last-child em { font-style: normal; font-weight: bold; white-space: nowrap; } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] figcaption > p:last-child em[data-rating-best='5'][data-rating-value='1'] { /* stylelint-disable-line selector-no-qualifying-type */ box-shadow: inset 0 -2px 0 currentColor; color: #cb1416; } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] figcaption > p:last-child em[data-rating-best='5'][data-rating-value='2'] { /* stylelint-disable-line selector-no-qualifying-type */ box-shadow: inset 0 -2px 0 currentColor; color: #b8521d; } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] figcaption > p:last-child em[data-rating-best='5'][data-rating-value='3'] { /* stylelint-disable-line selector-no-qualifying-type */ box-shadow: inset 0 -2px 0 currentColor; color: #9e7825; } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] figcaption > p:last-child em[data-rating-best='5'][data-rating-value='4'] { /* stylelint-disable-line selector-no-qualifying-type */ box-shadow: inset 0 -2px 0 currentColor; color: #77922e; } .layout .story .story-article [data-section-type='factcheck'] figure[data-type='factcheck'] figcaption > p:last-child em[data-rating-best='5'][data-rating-value='5'] { /* stylelint-disable-line selector-no-qualifying-type */ box-shadow: inset 0 -2px 0 currentColor; color: #2fa136; } .layout .story .story-article [data-section-type='gallery'] { --component-name: "editorial--storysection-gallery"; } @media (max-width: 767.9px) { .layout .story .story-article [data-section-type='gallery'] { margin: 0; width: calc(100vw - 2 * var(--site--core-padding)); } } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='list'] { --component-name: "editorial--storysection-gallery-list"; counter-reset: figure-mop-counter; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='list'] > div > * { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='list'] figure { counter-increment: figure-mop-counter; display: grid; grid-template-columns: auto min-content; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='list'] figure > *:first-child { grid-column: 1 / span 2; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='list'] figure figcaption, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='list'] figure footer { max-width: calc(var(--grid-block-width) * 8 + var(--grid-gap) * 7); } @media (min-width: 1690px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='list'] figure figcaption, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='list'] figure footer { max-width: calc(var(--grid-block-width) * 6 + var(--grid-gap) * 5); } } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='list'] figure figcaption { font: var(--w1-text, var(--w1-caption)); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='list'] figure footer { text-align: left; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='list'] figure::before { box-sizing: border-box; content: counter(figure-mop-counter); display: block; font-family: "STMatilda Brand", serif; font-size: 3.125rem; grid-column: 2; grid-row: 2 / span 2; line-height: 3.125rem; margin-left: auto; opacity: 0.4; padding: 0.9375rem 0 0 var(--grid-column); text-transform: lowercase; white-space: nowrap; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] { --component-name: "editorial--storysection-gallery-slideshow"; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .gallery-summary { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-family: "STMatilda Info Variable", system-ui, sans-serif; font-size: 0.8125rem; line-height: 140%; opacity: 0.7; text-align: right; } @media (max-width: 959.9px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .gallery-summary { padding: 0; } } @media print { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .gallery-summary { display: none; } } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container { border-bottom: 3px solid; padding-bottom: var(--grid-column); } @media print { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container { border: 0; padding: 0; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-wrapper { display: block; height: auto !important; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-pagination, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-prev, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-next { display: none; } } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-slide > * { margin-bottom: 0 !important; margin-top: 0 !important; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-slide > * > * { margin-bottom: 0 !important; } @media print { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-slide > * > * { margin-bottom: 1em !important; } } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-pagination-progress { height: 4px; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-pagination-progressbar { background-color: #e00085; background-color: var(--theme-primarydeco); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-next, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-prev { background: rgba(0, 0, 0, 0.3); height: 40px; margin-top: 0; max-height: 400px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; } @media (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-next, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-prev { height: 55px; width: 55px; } } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-next:hover, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-prev:hover { background: rgba(0, 0, 0, 0.5); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-next::before, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-prev::before { height: 40px; width: 40px; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-next { background-image: none; right: 0; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-next::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIyLjIzIDEwLjlsLTIuNiAyLjIzIDQuMzcgNS4xSDEwLjE4djIuOUgyNGwtNC4zNyA1LjEgMi42IDIuMTMgNy41OS04LjY4eiIvPjwvc3ZnPg=="); height: 40px; width: 40px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-prev { background-image: none; left: 0; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-prev::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE3Ljc3IDI5LjFsMi42LTIuMjMtNC4zNy01LjFoMTMuODJ2LTIuOUgxNmw0LjM3LTUuMS0yLjYtMi4xMy03LjU5IDguNjh6Ii8+PC9zdmc+"); height: 40px; width: 40px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container .swiper-button-disabled { pointer-events: initial; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container figure .blocked-media-placeholder { min-height: 200px; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container figure .blocked-media-placeholder .placeholder { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container figure[data-type='video'] .blocked-media-placeholder { /* stylelint-disable-line selector-no-qualifying-type */ min-height: initial; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container figure[data-provider='google'] > div > div { /* stylelint-disable-line selector-no-qualifying-type */ background: initial; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container figure[data-type='image'] img { margin-left: auto; margin-right: auto; max-width: 100%; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container figure[data-type='quote'] > blockquote { /* stylelint-disable-line selector-no-qualifying-type */ padding: var(--single-column-and-gap); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container figure[data-type='html'][data-provider='derstandard'] { /* stylelint-disable-line selector-no-qualifying-type */ margin: auto; max-width: 615px; padding: var(--grid-column); } @media (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container figure[data-type='html'][data-provider='derstandard'] { padding: var(--single-column-and-gap); } } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='slideshow'] .swiper-container figure[data-type='html'][data-provider='derstandard'] .upost { background-color: #e6e6e6; background-color: var(--theme-background); } @media (max-width: 1689.9px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] { --component-name: "editorial--storysection-gallery-slideshow"; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .gallery-summary { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-family: "STMatilda Info Variable", system-ui, sans-serif; font-size: 0.8125rem; line-height: 140%; opacity: 0.7; text-align: right; } } @media (max-width: 1689.9px) and (max-width: 959.9px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .gallery-summary { padding: 0; } } @media print and (max-width: 1689.9px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .gallery-summary { display: none; } } @media (max-width: 1689.9px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container { border-bottom: 3px solid; padding-bottom: var(--grid-column); } } @media print and (max-width: 1689.9px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container { border: 0; padding: 0; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-wrapper { display: block; height: auto !important; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-pagination, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-prev, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-next { display: none; } } @media (max-width: 1689.9px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-slide > * { margin-bottom: 0 !important; margin-top: 0 !important; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-slide > * > * { margin-bottom: 0 !important; } } @media print and (max-width: 1689.9px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-slide > * > * { margin-bottom: 1em !important; } } @media (max-width: 1689.9px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-pagination-progress { height: 4px; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-pagination-progressbar { background-color: #e00085; background-color: var(--theme-primarydeco); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-next, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-prev { background: rgba(0, 0, 0, 0.3); height: 40px; margin-top: 0; max-height: 400px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; } } @media (max-width: 1689.9px) and (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-next, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-prev { height: 55px; width: 55px; } } @media (max-width: 1689.9px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-next:hover, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-prev:hover { background: rgba(0, 0, 0, 0.5); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-next::before, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-prev::before { height: 40px; width: 40px; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-next { background-image: none; right: 0; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-next::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIyLjIzIDEwLjlsLTIuNiAyLjIzIDQuMzcgNS4xSDEwLjE4djIuOUgyNGwtNC4zNyA1LjEgMi42IDIuMTMgNy41OS04LjY4eiIvPjwvc3ZnPg=="); height: 40px; width: 40px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-prev { background-image: none; left: 0; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-prev::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE3Ljc3IDI5LjFsMi42LTIuMjMtNC4zNy01LjFoMTMuODJ2LTIuOUgxNmw0LjM3LTUuMS0yLjYtMi4xMy03LjU5IDguNjh6Ii8+PC9zdmc+"); height: 40px; width: 40px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container .swiper-button-disabled { pointer-events: initial; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container figure .blocked-media-placeholder { min-height: 200px; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container figure .blocked-media-placeholder .placeholder { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container figure[data-type='video'] .blocked-media-placeholder { /* stylelint-disable-line selector-no-qualifying-type */ min-height: initial; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container figure[data-provider='google'] > div > div { /* stylelint-disable-line selector-no-qualifying-type */ background: initial; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container figure[data-type='image'] img { margin-left: auto; margin-right: auto; max-width: 100%; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container figure[data-type='quote'] > blockquote { /* stylelint-disable-line selector-no-qualifying-type */ padding: var(--single-column-and-gap); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container figure[data-type='html'][data-provider='derstandard'] { /* stylelint-disable-line selector-no-qualifying-type */ margin: auto; max-width: 615px; padding: var(--grid-column); } } @media (max-width: 1689.9px) and (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container figure[data-type='html'][data-provider='derstandard'] { padding: var(--single-column-and-gap); } } @media (max-width: 1689.9px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] .swiper-container figure[data-type='html'][data-provider='derstandard'] .upost { background-color: #e6e6e6; background-color: var(--theme-background); } } @media (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties { --component-name: "editorial--storysection-gallery-slideshow"; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .gallery-summary { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-family: "STMatilda Info Variable", system-ui, sans-serif; font-size: 0.8125rem; line-height: 140%; opacity: 0.7; text-align: right; } } @media (min-width: 960px) and (max-width: 959.9px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .gallery-summary { padding: 0; } } @media print and (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .gallery-summary { display: none; } } @media (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container { border-bottom: 3px solid; padding-bottom: var(--grid-column); } } @media print and (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container { border: 0; padding: 0; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-wrapper { display: block; height: auto !important; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-pagination, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-prev, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-next { display: none; } } @media (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-slide > * { margin-bottom: 0 !important; margin-top: 0 !important; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-slide > * > * { margin-bottom: 0 !important; } } @media print and (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-slide > * > * { margin-bottom: 1em !important; } } @media (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-pagination-progress { height: 4px; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-pagination-progressbar { background-color: #e00085; background-color: var(--theme-primarydeco); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-next, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-prev { background: rgba(0, 0, 0, 0.3); height: 40px; margin-top: 0; max-height: 400px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; } } @media (min-width: 960px) and (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-next, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-prev { height: 55px; width: 55px; } } @media (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-next:hover, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-prev:hover { background: rgba(0, 0, 0, 0.5); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-next::before, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-prev::before { height: 40px; width: 40px; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-next { background-image: none; right: 0; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-next::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIyLjIzIDEwLjlsLTIuNiAyLjIzIDQuMzcgNS4xSDEwLjE4djIuOUgyNGwtNC4zNyA1LjEgMi42IDIuMTMgNy41OS04LjY4eiIvPjwvc3ZnPg=="); height: 40px; width: 40px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-prev { background-image: none; left: 0; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-prev::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE3Ljc3IDI5LjFsMi42LTIuMjMtNC4zNy01LjFoMTMuODJ2LTIuOUgxNmw0LjM3LTUuMS0yLjYtMi4xMy03LjU5IDguNjh6Ii8+PC9zdmc+"); height: 40px; width: 40px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container .swiper-button-disabled { pointer-events: initial; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container figure .blocked-media-placeholder { min-height: 200px; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container figure .blocked-media-placeholder .placeholder { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container figure[data-type='video'] .blocked-media-placeholder { /* stylelint-disable-line selector-no-qualifying-type */ min-height: initial; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container figure[data-provider='google'] > div > div { /* stylelint-disable-line selector-no-qualifying-type */ background: initial; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container figure[data-type='image'] img { margin-left: auto; margin-right: auto; max-width: 100%; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container figure[data-type='quote'] > blockquote { /* stylelint-disable-line selector-no-qualifying-type */ padding: var(--single-column-and-gap); } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container figure[data-type='html'][data-provider='derstandard'] { /* stylelint-disable-line selector-no-qualifying-type */ margin: auto; max-width: 615px; padding: var(--grid-column); } } @media (min-width: 960px) and (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container figure[data-type='html'][data-provider='derstandard'] { padding: var(--single-column-and-gap); } } @media (min-width: 960px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'].no-custom-properties .swiper-container figure[data-type='html'][data-provider='derstandard'] .upost { background-color: #e6e6e6; background-color: var(--theme-background); } } @media (min-width: 1690px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary']:not(.no-custom-properties) { --component-name: "editorial--storysection-gallery-secondary"; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary']:not(.no-custom-properties) .gallery-summary { display: none; font-family: "STMatilda Info Variable", system-ui, sans-serif; } } @media not all and (min-width: 1690px) and (-ms-high-contrast: none) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary']:not(.no-custom-properties) .gallery-summary { display: block; } } @media (min-width: 1690px) { .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary']:not(.no-custom-properties) .swiper-container { overflow: visible; width: inherit; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary']:not(.no-custom-properties) .swiper-container .swiper-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary']:not(.no-custom-properties) .swiper-container .swiper-pagination, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary']:not(.no-custom-properties) .swiper-container .swiper-button-prev, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary']:not(.no-custom-properties) .swiper-container .swiper-button-next { display: none; } } .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] > div > *, .layout .story .story-article [data-section-type='gallery'][data-gallery-type='secondary'] > div .swiper-slide > * { margin-top: 0; } .layout .story .story-article [data-section-type='gallery'] figure figcaption { font: var(--w1-caption); } .layout .story .story-article [data-section-type='html'] { --component-name: "editorial--storysection-html"; } .layout .story .story-article [data-section-type='html'] figure { /* stylelint-disable selector-no-qualifying-type */ /* stylelint-enable */ } .layout .story .story-article [data-section-type='html'] figure[data-type='html']:not([data-provider]), .layout .story .story-article [data-section-type='html'] figure[data-provider='unknown'] { --component-name: 'editorial--figure-code'; } .layout .story .story-article [data-section-type='html'] figure[data-type='html']:not([data-provider]) > div > div, .layout .story .story-article [data-section-type='html'] figure[data-provider='unknown'] > div > div { min-height: calc((var(--grid-column) * 2) * var(--grid-gap)); } .layout .story .story-article [data-section-type='html'] figure[data-type='html']:not([data-provider]) > * > *, .layout .story .story-article [data-section-type='html'] figure[data-provider='unknown'] > * > * { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .layout .story .story-article [data-section-type='html'] figure[data-type='html']:not([data-provider]) > iframe, .layout .story .story-article [data-section-type='html'] figure[data-provider='unknown'] > iframe { border: 0; position: relative; width: 100%; } .layout .story .story-article [data-section-type='html'] figure[data-type='html']:not([data-provider]) + *, .layout .story .story-article [data-section-type='html'] figure[data-provider='unknown'] + * { padding-top: 1.125rem; } .layout .story .story-article [data-section-type='html'] figure[data-provider='facebook'] { --component-name: 'editorial--figure-facebookpost'; /* stylelint-disable */ /* stylelint-enable */ } .layout .story .story-article [data-section-type='html'] figure[data-provider='facebook'] > div { border-radius: 3px; line-height: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='facebook'] > div > div > div:not(.blocked-media-placeholder) { background: none !important; border-radius: unset !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='facebook'] figcaption { padding-bottom: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='facebook'] .fb_iframe_widget { background-color: #fff !important; border: 1px solid !important; border-color: #e5e6e9 #dfe0e4 #d0d1d5 !important; border-radius: 3px !important; box-sizing: border-box; display: block; margin: 0 auto !important; max-width: auto; min-height: 100px; text-align: center; } .layout .story .story-article [data-section-type='html'] figure[data-provider='facebook'] .fb_iframe_widget::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PHBhdGggZmlsbD0iIzNiNTk4ZiIgZD0iTTM0LjAyLDM2QTIsMiwwLDAsMCwzNiwzNC4wMlYxLjk4QTIsMiwwLDAsMCwzNC4wMiwwSDEuOThBMiwyLDAsMCwwLDAsMS45OFYzNC4wMkEyLDIsMCwwLDAsMS45OCwzNloiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjIuNDIsMzUuMVYyMS4xOEgyNy4xbC43Mi01LjQ2aC01LjRWMTIuMjRjMC0xLjU2LjQyLTIuNjQsMi43LTIuNjRIMjhWNC43NGEzNy43LDM3LjcsMCwwLDAtNC4yLS4yNGMtNC4xNC4wNi03LjAyLDIuNTgtNy4wMiw3LjJ2NC4wMkgxMi4xdjUuNDZoNC42OFYzNS4xWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi40IC45KSIvPjwvc3ZnPg=="); height: 36px; width: 36px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .layout .story .story-article [data-section-type='html'] figure[data-provider='facebook'] .fb_iframe_widget[fb-xfbml-state='rendered'] { background: none !important; border: 0 !important; border-radius: 0 !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='facebook'] .fb_iframe_widget[fb-xfbml-state='rendered'] > span { background-color: #fff; border-radius: 3px; max-width: 100%; } .layout .story .story-article [data-section-type='html'] figure[data-provider='facebook'] .fb_iframe_widget[fb-xfbml-state='rendered'] > span > iframe { max-width: 100%; } .layout .story .story-article [data-section-type='html'] figure[data-provider='google'] { --component-name: 'editorial--figure-googlemaps'; } .layout .story .story-article [data-section-type='html'] figure[data-provider='google'] > div > div { line-height: 0; min-height: 80px; position: relative; } .layout .story .story-article [data-section-type='html'] figure[data-provider='google'] > div > div .blocked-media-placeholder .placeholder { line-height: 140%; } .layout .story .story-article [data-section-type='html'] figure[data-provider='google'] > div > div[data-embed-loaded='true']::before { /* stylelint-disable-line selector-no-qualifying-type */ background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjAgNjAiPjxzeW1ib2wgaWQ9ImEiIHZpZXdCb3g9IjAgLTYwIDYwIDYwIj48cGF0aCBmaWxsPSJub25lIiBkPSJNNjAgLTYwTDAgLTYwIDAgMCA2MCAweiIvPjxwYXRoIGZpbGw9IiMxODljNTUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAtNTQuNnY0Mi43YzAsMi41LDIsNC41LDQuNSw0LjVoNDIuN0wwLTU0LjZ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZkYzM0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLTU1LjV2MC45TDQ3LjItNy40aDAuOWMyLjUsMCw0LjUtMiw0LjUtNC41di0wLjlMNS40LTYwSDQuNUMyLTYwLDAtNTgsMC01NS41IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjNTc4NWM0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjQgLTYwTDI2LjMgLTM5LjEgNDcuMiAtNjB6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ny4yLTYwTDI2LTM4LjhsNS40LDUuNGwyMS4yLTIxLjJ2LTAuOWMwLTIuNS0yLTQuNS00LjUtNC41SDQ3LjJ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjY2NjOWM5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Mi42IC01NC42TDMxLjcgLTMzLjcgNTIuNiAtMTIuOHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNlNWU1ZTUiIGQ9Ik05LjQtMTMuMmMyLjcsMS4yLDYsMC43LDguMi0xLjNjLTAuNy0wLjctMS40LTEuNC0yLjEtMmMtMi4yLDIuMi02LjMsMS4xLTcuMy0xLjdjLTEuMy0yLjgsMC45LTYuNSw0LTYuNSBjMi4xLTAuMiw0LjEsMS4xLDQuNSwzLjJjLTEuNCwwLTIuOSwwLTQuMywwYzAsMC45LDAsMS44LDAsMi42YzIuNC0wLjEsNC44LDAuMSw3LjItMC4xYzAuMi0xLjcsMC4xLTMuNi0wLjktNS4xIGMtMS41LTIuNy01LTMuOS03LjktMy4zQzcuMi0yNi43LDQuNS0yMyw1LTE5LjNDNS4yLTE2LjcsNy0xNC4zLDkuNC0xMy4yIi8+PHBhdGggZmlsbD0iI2QyNGIzZSIgZD0iTTQzLjQsMGgxLjdjNC4zLTAuMiw4LjQtMi4zLDExLTUuOGMxLjctMi4yLDIuNi00LjgsMi44LTcuNnYtMWMtMC4xLTUuMy0zLjUtOS42LTYuNC0xMy43IGMtMy4zLTQuNi02LjMtOS43LTcuMi0xNS40Yy0wLjItMSwwLTIuMy0xLjEtMi44Yy0wLjMsMC4yLTAuNiwwLjQtMC44LDAuN2MtMC4zLDMuMi0xLjEsNi40LTIuNSw5LjNjLTEuNiwzLjQtMy43LDYuNS01LjksOS41IGMtMS4zLDEuOC0yLjYsMy43LTMuNiw1LjdjLTEuNiwzLTIuMiw2LjUtMS42LDkuOWMwLjUsMi42LDEuOSw1LjEsMy44LDdDMzYuMy0xLjgsMzkuOC0wLjIsNDMuNCwwIE00My4xLTkuMyBjLTItMC41LTMuNy0yLjItMy45LTQuM2MtMC4yLTEuOSwwLjktMy45LDIuNy00LjhjMS45LTEsNC40LTAuNyw2LDAuOGMxLjUsMS4zLDIsMy42LDEuMiw1LjRDNDguMi0xMCw0NS40LTguNyw0My4xLTkuMyIvPjxwYXRoIGZpbGw9IiM4MDJjMjciIGQ9Ik00My4xLTkuM2MyLjQsMC42LDUuMS0wLjcsNi0zYzAuOC0xLjgsMC4yLTQuMS0xLjItNS40Yy0xLjYtMS40LTQuMS0xLjgtNi0wLjhjLTEuNywwLjktMi45LDIuOC0yLjcsNC44IEMzOS40LTExLjYsNDEuMS05LjgsNDMuMS05LjMiLz48L3N5bWJvbD48dXNlIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgeT0iLTYwIiBvdmVyZmxvdz0idmlzaWJsZSIgdHJhbnNmb3JtPSJzY2FsZSgxIC0xKSIgeGxpbms6aHJlZj0iI2EiLz48L3N2Zz4="); height: 60px; width: 60px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .layout .story .story-article [data-section-type='html'] figure[data-provider='google'] iframe { min-height: 80px; position: relative; width: 100%; } .layout .story .story-article [data-section-type='html'] figure[data-provider='instagram'] { --component-name: 'editorial--figure-instagram'; } .layout .story .story-article [data-section-type='html'] figure[data-provider='instagram'] > div { border-radius: 3px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='instagram'] .instagram-media, .layout .story .story-article [data-section-type='html'] figure[data-provider='instagram'] .instagram-media-registered, .layout .story .story-article [data-section-type='html'] figure[data-provider='instagram'] .instagram-media-rendered { margin: 0 auto !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='instagram'] iframe[style] { min-width: auto !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='spotify'] { --component-name: 'editorial--figure-spotify'; } .layout .story .story-article [data-section-type='html'] figure[data-provider='spotify'] > div > div { line-height: 0; min-height: 80px; position: relative; } .layout .story .story-article [data-section-type='html'] figure[data-provider='spotify'] iframe { min-height: 80px; position: relative; width: 100%; } .layout .story .story-article [data-section-type='html'] figure[data-provider='twitter'] { --component-name: 'editorial--figure-twitter'; min-width: 210px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='twitter'] blockquote { box-sizing: border-box; position: relative; width: 100% !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='twitter'] blockquote::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAyNC40Ij48cGF0aCBmaWxsPSIjNTVBQ0VFIiBkPSJNMzAsMi45MDVjLTEuMTAyLDAuNTAxLTIuMzA0LDAuODAxLTMuNTU2LDAuOTUyYzEuMjUyLTAuNzUxLDIuMjUzLTEuOTUzLDIuNzA0LTMuNDA2IGMtMS4yMDIsMC43MDEtMi41MDQsMS4yMDItMy45MDYsMS41MDJDMjQuMTQsMC43NTEsMjIuNTM4LDAsMjAuNzM0LDBjLTMuNDA2LDAtNi4xNiwyLjc1NC02LjE2LDYuMTZjMCwwLjUwMSwwLjA1LDAuOTUyLDAuMTUsMS40MDIgQzkuNjE2LDcuMzEyLDUuMDU5LDQuODU4LDIuMDUzLDEuMTUyQzEuNTAyLDIuMDUzLDEuMjAyLDMuMTA1LDEuMjAyLDQuMjA3YzAsMi4xNTMsMS4xMDIsNC4wMDcsMi43NTQsNS4xMDggYy0xLjAwMS0wLjA1LTEuOTUzLTAuMy0yLjgwNS0wLjc1MWMwLDAuMDUsMCwwLjA1LDAsMC4xYzAsMy4wMDUsMi4xMDQsNS40NTksNC45NTgsNi4wNmMtMC41MDEsMC4xNS0xLjA1MiwwLjItMS42MDMsMC4yIGMtMC40LDAtMC44MDEtMC4wNS0xLjE1Mi0wLjFjMC44MDEsMi40NTQsMy4wNTUsNC4yMDcsNS43Niw0LjI1N2MtMi4xMDQsMS42NTItNC43NTgsMi42NTQtNy42NjMsMi42NTQgYy0wLjUsMC0xLjAwMS0wLjA1LTEuNDUyLTAuMWMyLjcwNSwxLjc1Miw1Ljk2LDIuNzU0LDkuNDY2LDIuNzU0YzExLjMxOSwwLDE3LjUyOS05LjQxNiwxNy41MjktMTcuNTI5YzAtMC4yNSwwLTAuNTUxLDAtMC44MDEgQzI4LjE0Nyw1LjIwOCwyOS4xNDgsNC4xMDcsMzAsMi45MDV6Ii8+PC9zdmc+"); height: 24.4px; width: 30px; position: absolute; content: ''; display: block; left: 15px; top: var(--grid-column); } .layout .story .story-article [data-section-type='html'] figure[data-provider='twitter'] > div { border-radius: 3px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='twitter'] figcaption { padding-bottom: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='twitter'] .twitter-tweet { background-color: #fff; border: 1px solid #e1e8ed; border-radius: 4px; margin: 0 auto !important; max-width: 500px !important; padding: var(--grid-column) var(--grid-column) var(--grid-column) 55px; width: 100% !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='twitter'] .twitter-tweet a { color: #2b7bb9; } .layout .story .story-article [data-section-type='html'] figure[data-provider='twitter'] .twitter-tweet > :first-child { margin-top: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='twitter'] .twitter-tweet-rendered { border: 0; padding: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='twitter'] .twitter-tweet-rendered::after { background: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] { --component-name: 'editorial--figure-userpost'; /* stylelint-disable */ /* stylelint-enable */ /* stylelint-disable */ /* stylelint-enable */ } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost { position: relative; font-size: 0.8125rem; font-size: 13px; line-height: 130%; text-align: left; height: 0; overflow: hidden; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost *[data-closable-active="false"] { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-intro { color: rgba(0, 0, 0, 0.5); margin-bottom: 0.5rem; margin-bottom: 8px; font-size: 0.6875rem; font-size: 11px; line-height: 120%; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-inner { position: relative; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-content { position: relative; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-content::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 0; border-color: transparent rgba(0, 0, 0, 0.1) transparent transparent; position: absolute; left: -5px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-head { background-color: rgba(0, 0, 0, 0.1); margin: 0 !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-body, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools { background-color: rgba(0, 0, 0, 0.07); margin: 0 !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-body { border-top-color: rgba(0, 0, 0, 0.07); border-bottom-color: rgba(0, 0, 0, 0.07); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-anniversary-badge { background: rgba(255, 255, 255, 0.4); color: #212121; font-size: 12px; line-height: 12px; padding: 8px 10px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sliderate { position: absolute; width: 100%; height: 100%; top: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sliderate button { width: 50%; max-width: 120px; height: 100%; color: #fff; box-sizing: border-box; border: none; border-radius: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sliderate-up { float: right; background-color: #2da106; border-right: 2px inset rgba(0, 0, 0, 0.1); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sliderate-down { float: left; background-color: #c00; border-left: 2px inset rgba(0, 0, 0, 0.1); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-head { position: relative; font-size: 0.75rem; font-size: 12px; line-height: 0.8125rem; line-height: 13px; min-height: 30px; max-width: 100%; padding: 0 10px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-head { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-head * { box-sizing: border-box; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-head a { text-decoration: none; border-bottom: none; cursor: pointer; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-usercontainer, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-postingcontainer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-usercontainer { max-width: 100%; position: relative; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 7px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-usercontainer span { margin-right: 1ex; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-usercontainer * { vertical-align: top; line-height: 130%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-postingcontainer { position: relative; -webkit-flex: 9999 1 260px; -ms-flex: 9999 1 260px; flex: 9999 1 260px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-usercontainer.upost-isuserdeleted .upost-communityname { opacity: 0.7; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-communityname { color: rgba(0, 0, 0, 0.8); margin: 0 5px 0 0 !important; display: inline-block; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-real-identity, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-organization-identity { color: rgba(0, 0, 0, 0.6); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-real-identity:empty, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-organization-identity:empty { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-follower { display: inline-block; white-space: nowrap; overflow: initial; color: rgba(0, 0, 0, 0.6); margin-right: 5px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-follower::after { content: ''; display: inline-block; min-height: 10px; width: 6px; min-width: 6px; margin-left: 3px; margin-top: 1px; vertical-align: inherit; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA2IDEwIj48ZyBmaWxsPSJyZ2JhKDAsMCwwLC42KSI+PHBhdGggZD0iTTQuNSw2QzQuMSw2LjMsMy42LDYuNSwzLDYuNVMxLjksNi4zLDEuNSw2QzAuNyw2LjUsMCw3LjIsMCw4djJoNlY4QzYsNy4yLDUuNCw2LjQsNC41LDZ6Ii8+PGNpcmNsZSBjeD0iMyIgY3k9IjQiIHI9IjIiLz48L2c+PC9zdmc+"); background-repeat: no-repeat; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-follower.unfollowed { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-verified-identity { display: inline-block; position: relative; width: 14px; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-verified-identity::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZmlsbD0iIzM4YThlMCIgc3Ryb2tlPSIjMzg5Y2NlIiBkPSJNNS44OTIuMjg2YS44LjgsMCwwLDEsMS4yMjcsMEw3LjQzLjYzOGExLjYxMiwxLjYxMiwwLDAsMCwxLjUuNDQ1bC40NS0uMTI2YS44LjgsMCwwLDEsMS4wMzEuNjdsLjA3MS40NjVhMS42MzMsMS42MzMsMCwwLDAsMS4wMjQsMS4xOTRsLjQ0Ny4xNGEuODEzLjgxMywwLDAsMSwuNTEsMS4xMjZsLS4xODkuNDMxQTEuNjQ3LDEuNjQ3LDAsMCwwLDEyLjUsNi41NDdsLjMuMzYxYS44MTMuODEzLDAsMCwxLS4xNzUsMS4yMjRsLS4zOS4yNjFhMS42NDUsMS42NDUsMCwwLDAtLjY1LDEuNDM2bC4wNi40NjhhLjgwOS44MDksMCwwLDEtLjguOTM2bC0uNDY4LjAwN2ExLjYyLDEuNjIsMCwwLDAtMS4zMTcuODU0bC0uMi40MjZhLjguOCwwLDAsMS0xLjE3Ni4zNDlsLS40LS4yNDlhMS42MTUsMS42MTUsMCwwLDAtMS41NjYsMGwtLjQuMjQ5YS44LjgsMCwwLDEtMS4xNzYtLjM0OWwtLjItLjQyNmExLjYyLDEuNjIsMCwwLDAtMS4zMTctLjg1NGwtLjQ2OC0uMDA3YS44MDguODA4LDAsMCwxLS44LS45MzZsLjA2LS40NjhhMS42MzksMS42MzksMCwwLDAtLjY1LTEuNDM2bC0uMzktLjI2MUEuODIuODIsMCwwLDEsLjIxLDYuOTA1bC4zLS4zNjFBMS42NTIsMS42NTIsMCwwLDAsLjczNSw0Ljk4TC41NDYsNC41NWEuODE0LjgxNCwwLDAsMSwuNTEtMS4xMjZsLjQ0Ny0uMTRBMS42MzMsMS42MzMsMCwwLDAsMi41MjcsMi4wOUwyLjYsMS42MjRBLjguOCwwLDAsMSwzLjYzLjk1NGwuNDUuMTI2YTEuNjEyLDEuNjEyLDAsMCwwLDEuNS0uNDQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUgLjUpIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQuMjMxLDcuOTgsMS40LDUuMTQ5LDIuNTgsMy45Nyw0LjIzMSw1LjYyMSw3LjY1MiwyLjJsMS4xOCwxLjE4LTQuNiw0LjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIi8+PC9zdmc+"); height: 14px; width: 14px; position: absolute; content: ''; display: block; top: 0; left: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-supporter { display: inline-block; position: relative; width: 16px; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-supporter::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNCI+PHBhdGggZmlsbD0iI2E0NmQwNCIgZD0iTTE0LjMyOSwxLjM4M2E0LjczOCw0LjczOCwwLDAsMC02LjQ3Mi0uMjA1LDQuNzMxLDQuNzMxLDAsMCwwLTYuNDcxLDYuOUw2LjkxNCwxMy42YTEuMzM4LDEuMzM4LDAsMCwwLC45MzIuNGguMDIxYTEuMjgzLDEuMjgzLDAsMCwwLDEuMjgyLTEuNDFjLjAzMywwLC4wNjcuMDA2LjEuMDA2aC4wMjFhMS4yODEsMS4yODEsMCwwLDAsLjkxMy0uMzc2LDEuMywxLjMsMCwwLDAsLjM2OS0xLjAzNGMuMDQsMCwuMDguMDA2LjEyMS4wMDZhMS4yODEsMS4yODEsMCwwLDAsMS4yODItMS40MWMuMDQxLDAsLjA4MS4wMDYuMTIyLjAwNmExLjI4MiwxLjI4MiwwLDAsMCwuOTEzLS4zNzZsMS4zMzgtMS4zMzdBNC43MzcsNC43MzcsMCwwLDAsMTQuMzI5LDEuMzgzWiIvPjxnIGZpbGw9IiNmZmM4M2QiPjxwYXRoIGQ9Ik0xMy44ODgsNy42MzRsLS41NTguNTU4YTEuMzUxLDEuMzUxLDAsMCwwLS4zNi0uNjQ2bC0yLjIzLTIuMjNBMi41ODcsMi41ODcsMCwwLDAsMTEuMiw0Ljk1bC4zMzItLjMzMmEuMzEyLjMxMiwwLDAsMC0uNDQxLS40NDFsLS4zMzIuMzMyYTEuOSwxLjksMCwwLDEtMi42ODQsMGwtLjIyMS0uMjIxTDYuMDM0LDYuMTExYTEuMjksMS4yOSwwLDAsMS0xLjUyMi4xQS4zNjYuMzY2LDAsMCwxLDQuMzMsNS45NWExLjE1NSwxLjE1NSwwLDAsMSwuNDQ2LS44MjRsMy4zLTMuM2E0LjEwOCw0LjEwOCwwLDAsMSw1LjgwOSw1LjgxMVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMi41NSw4Ljk3MWEuNy43LDAsMCwxLS45ODQtLjAyMUw4Ljk4OCw2LjM3MmEuMzEyLjMxMiwwLDEsMC0uNDQxLjQ0MWwyLjU3OCwyLjU3OGEuNjgyLjY4MiwwLDEsMS0uOTYzLjk2M0w3LjU4NCw3Ljc3NmEuMzEyLjMxMiwwLDAsMC0uNDQxLjQ0MUw5LjcyMSwxMC44YS43LjcsMCwwLDEsLjAyMi45ODQuNjYuNjYsMCwwLDEtLjQ4My4xOTMuNzIyLjcyMiwwLDAsMS0uNS0uMjE0TDYuMTgxLDkuMThhLjMxMi4zMTIsMCwwLDAtLjQ0MS40NDFMOC4zMTcsMTIuMmEuNy43LDAsMCwxLC4wMjIuOTg0LjY2MS42NjEsMCwwLDEtLjQ4My4xOTMuNzIyLjcyMiwwLDAsMS0uNS0uMjE0TDEuODI3LDcuNjM0YTQuMTA3LDQuMTA3LDAsMCwxLDUuNTgtNi4wMjFMNi4wNzIsMi45NDhoMEw0LjMzNSw0LjY4NWExLjY3LDEuNjcsMCwwLDAtLjYyNCwxLjM0NC45NzkuOTc5LDAsMCwwLC40ODcuNzIzLDIuMTM0LDIuMTM0LDAsMCwwLDEuMDYzLjI4OSwxLjY3NywxLjY3NywwLDAsMCwxLjIxNC0uNDg5bDEuNC0xLjM5NWEyLjUyOSwyLjUyOSwwLDAsMCwyLjI1Ny40MjlsMi40LDIuNEEuNy43LDAsMCwxLDEyLjU1LDguOTcxWiIvPjwvZz48L3N2Zz4="); height: 14px; width: 16px; position: absolute; content: ''; display: block; top: 0; left: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu { position: absolute; top: 30px; left: 0; width: 100%; max-width: 270px; font-size: 13px; padding: 0; background: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu ul { background-color: #202226; color: #fff; background-color: var(--theme-ui-background); color: var(--theme-ui-tint); list-style: none; margin: 0; padding: 6px 12px; position: relative; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu li { margin: 0; padding: 0; list-style-type: none; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu li.upost-usermenu-verified:last-of-type, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu li.upost-usermenu-communityguide:last-of-type, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu li.upost-usermenu-supporter:last-of-type { margin-bottom: -6px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu ul::after { border-color: transparent transparent #202226; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px; border-color: transparent transparent var(--theme-ui-background); position: absolute; left: 24px; top: -6px; margin: 0 auto; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu a, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu button { display: block; font-size: 13px; line-height: 29px; padding: 0; margin: 0; color: currentColor; background: none; border: none; border-radius: 0; width: 100%; text-align: left; outline: none; cursor: pointer; background-repeat: no-repeat; background-position: 100% 50%; background-size: 15px 15px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu a:hover, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu button:hover { text-decoration: underline; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-follow button { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBhdGggZmlsbD0iIzM4YThlMCIgZD0iTTYuNTk5LDNINS4zOTl2Mi40SDNWNi42aDIuMzk5VjloMS4xOTlWNi42SDlWNS40SDYuNTk5VjN6IE02LDBDMi42ODcsMCwwLDIuNjg4LDAsNnMyLjY4Nyw2LDYsNiBjMy4zMTEsMCw2LTIuNjg4LDYtNlM5LjMxMSwwLDYsMHogTTYsMTAuODAxYy0yLjY0NiwwLTQuODAxLTIuMTU0LTQuODAxLTQuODAxUzMuMzU0LDEuMTk5LDYsMS4xOTkgYzIuNjQ1LDAsNC43OTksMi4xNTQsNC43OTksNC44MDFTOC42NDUsMTAuODAxLDYsMTAuODAxeiIvPjwvc3ZnPg=="); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu strong { float: right; min-width: 13px; text-align: center; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-unfollow, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-unignorecommunityidentityid { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-verified, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-communityguide, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-supporter { background-color: rgba(255, 255, 255, 0.1); margin: 1px -12px 0 -12px; padding: 20px 12px 20px 55px; position: relative; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-verified::before, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-communityguide::before, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-supporter::before { position: absolute; content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 25px; left: 15px; width: 25px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-verified strong, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-communityguide strong, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-supporter strong { float: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-verified span, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-communityguide span, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-supporter span { float: left; line-height: 13px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-verified a, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-communityguide a, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-supporter a { color: #fff; display: inline; float: right; font-size: 11px; line-height: 13px; text-decoration: underline; width: auto; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-verified::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1LjE5NCwyNS4zMTdhMS42MTQsMS42MTQsMCwwLDEtLjg1OC0uMjU1bC0uNzYyLS40NzlhMi44NzUsMi44NzUsMCwwLDAtMS41MDYtLjM4OSwyLjg3MSwyLjg3MSwwLDAsMC0xLjUwNi4zODlsLS43NjMuNDc5YTEuNjI1LDEuNjI1LDAsMCwxLS44Ni4yNTUsMS41NTIsMS41NTIsMCwwLDEtMS40LS45MjZsLS4zODYtLjgyYTMuMTA5LDMuMTA5LDAsMCwwLTIuNTMzLTEuNjQzbC0uOS0uMDE0YTEuNTY1LDEuNTY1LDAsMCwxLTEuMTgyLS41MzUsMS41ODcsMS41ODcsMCwwLDEtLjM2MS0xLjI2NWwuMTE1LS45YTMuMTQ0LDMuMTQ0LDAsMCwwLTEuMjUxLTIuNzYybC0uNzUtLjVhMS41ODksMS41ODksMCwwLDEtLjctMS4xLDEuNiwxLjYsMCwwLDEsLjM3NS0xLjI1OEwuNTQ0LDEyLjlBMy4xNzUsMy4xNzUsMCwwLDAsLjk3NSw5Ljg5TC42MTEsOS4wNjJBMS41NjUsMS41NjUsMCwwLDEsMS41OTEsNi45bC44Ni0uMjY5YTMuMTMxLDMuMTMxLDAsMCwwLDEuOTctMi4zbC4xMzgtLjlBMS41NDMsMS41NDMsMCwwLDEsNi4wOSwyLjA4MmExLjY2NywxLjY2NywwLDAsMSwuNDUyLjA2NGwuODY1LjI0MmEyLjM4NywyLjM4NywwLDAsMCwuNjQzLjA4M0EzLjEzOCwzLjEzOCwwLDAsMCwxMC4zLDEuNTMzbC42LS42NzFhMS41NCwxLjU0LDAsMCwxLDIuMzYxLDBsLjYuNjc2YTMuMTQxLDMuMTQxLDAsMCwwLDIuMjQ2LjkzOCwyLjM4NCwyLjM4NCwwLDAsMCwuNjQzLS4wODNsLjg2NS0uMjQyYTEuNjg4LDEuNjg4LDAsMCwxLC40NTUtLjA2NEExLjU0MSwxLjU0MSwwLDAsMSwxOS41ODgsMy40NGwuMTM4LjlhMy4xMzIsMy4xMzIsMCwwLDAsMS45NywyLjNsLjg2LjI2OWExLjU3OCwxLjU3OCwwLDAsMSwuOTg2Ljg1LDEuNiwxLjYsMCwwLDEtLjAwNiwxLjMxNmwtLjM2NC44MjhBMy4xNTYsMy4xNTYsMCwwLDAsMjMuNiwxMi45bC41ODEuNjk0YTEuNTY0LDEuNTY0LDAsMCwxLS4zMzcsMi4zNTRsLS43NS41YTMuMTUyLDMuMTUyLDAsMCwwLTEuMjUxLDIuNzYybC4xMTUuOWExLjYsMS42LDAsMCwxLS4zNjYsMS4yNjksMS41NjIsMS41NjIsMCwwLDEtMS4xNzcuNTMxbC0uOS4wMTRhMy4xMDksMy4xMDksMCwwLDAtMi41MzMsMS42NDNsLS4zODYuODJBMS41NTMsMS41NTMsMCwwLDEsMTUuMTk0LDI1LjMxN1pNOC40NiwxMC45MjZoMEw2LjUzNywxMi44NWw0LjYxNiw0LjYxNiw3LjUtNy41TDE2LjczMSw4LjA0MSwxMS4xNTMsMTMuNjIsOC40NiwxMC45MjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNCAtLjMpIi8+PC9zdmc+"); height: 25px; width: 25px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-communityguide::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij48cGF0aCBkPSJNOCwyMGwzLjg0LTguMTZMMjAsOGwtMy44NCw4LjE2TDgsMjBtNi03LjA4QTEuMDgsMS4wOCwwLDEsMCwxNS4wOCwxNCwxLjA4LDEuMDgsMCwwLDAsMTQsMTIuOTJNMTQsMkExMiwxMiwwLDEsMSwyLDE0LDEyLDEyLDAsMCwxLDE0LDJtMCwyLjRBOS42LDkuNiwwLDEsMCwyMy42LDE0LDkuNiw5LjYsMCwwLDAsMTQsNC40WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); height: 28px; width: 28px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu .upost-usermenu-supporter::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyNSI+PHBhdGggZD0iTTE0IDIzLjdIMTRBMi43IDIuNyAwIDAgMSAxMiAyM2wtOC4yLTguMkE3LjggNy44IDAgMCAxIDEuNSA5YTcuOCA3LjggMCAwIDEgMi4zLTUuNSA3LjggNy44IDAgMCAxIDUuNi0yLjNBNy44IDcuOCAwIDAgMSAxNCAyLjhhNy44IDcuOCAwIDAgMSA0LjctMS41IDcuOCA3LjggMCAwIDEgNS41IDIuMyA3LjkgNy45IDAgMCAxIDAgMTFsLTIgMmEyLjcgMi43IDAgMCAxLTEuMy44IDIuNyAyLjcgMCAwIDEtLjggMS40IDIuNyAyLjcgMCAwIDEtMS4zLjcgMi43IDIuNyAwIDAgMS0uOCAxLjMgMi43IDIuNyAwIDAgMS0xLjMuOCAyLjcgMi43IDAgMCAxLS43IDEuMyAyLjcgMi43IDAgMCAxLTIgLjhaTTkuNCAzQTYgNiAwIDAgMCA1IDQuOGE2LjEgNi4xIDAgMCAwIDAgOC42bDUgNSAzLjMgMy4zYTEgMSAwIDAgMCAuNy4zIDEgMSAwIDAgMCAuNy0uMyAxIDEgMCAwIDAgMC0xLjVsLTMuOC0zLjhhLjUuNSAwIDAgMSAwLS43LjUuNSAwIDAgMSAuMyAwIC41LjUgMCAwIDEgLjMgMGwzLjggMy45YTEgMSAwIDAgMCAuOC4zIDEgMSAwIDAgMCAuNy0uMyAxIDEgMCAwIDAgMC0xLjVsLTMuOS0zLjhhLjUuNSAwIDAgMSAwLS4zLjUuNSAwIDAgMSAwLS4zLjUuNSAwIDAgMSAuNC0uMi41LjUgMCAwIDEgLjMuMmwzLjggMy44YTEgMSAwIDAgMCAuOC4zIDEgMSAwIDAgMCAuNy0uMyAxIDEgMCAwIDAgMC0xLjRMMTUgMTIuMmEuNS41IDAgMCAxLS4xLS4zLjUuNSAwIDAgMSAuMS0uMy41LjUgMCAwIDEgLjQtLjIuNS41IDAgMCAxIC4zLjJsMy44IDMuOGExIDEgMCAwIDAgLjguMyAxIDEgMCAwIDAgLjctLjMgMSAxIDAgMCAwIC4zLS43IDEgMSAwIDAgMC0uNC0uN2wtMy41LTMuNmEzLjggMy44IDAgMCAxLTEgLjIgMy44IDMuOCAwIDAgMS0yLjQtLjhsLTIgMmEyLjUgMi41IDAgMCAxLTEuOS44IDMuMiAzLjIgMCAwIDEtMS41LS41IDEuNSAxLjUgMCAwIDEtLjgtMSAyLjUgMi41IDAgMCAxIDEtMmwyLjYtMi42IDItMmE2LjEgNi4xIDAgMCAwLTQtMS41Wk0xOSA4LjJhLjUuNSAwIDAgMSAuNC4xLjUuNSAwIDAgMSAwIC43bC0uNS41YTMuNyAzLjcgMCAwIDEtLjcuNWwzLjMgMy4zYTIgMiAwIDAgMSAuNSAxbC45LS45YTYuMSA2LjEgMCAwIDAgMC04LjZBNiA2IDAgMCAwIDE4LjYgM2E2IDYgMCAwIDAtNC4zIDEuOGwtNC45IDVhMS43IDEuNyAwIDAgMC0uNiAxLjEuNi42IDAgMCAwIC4yLjQgMi4zIDIuMyAwIDAgMCAxLjEuMyAxLjYgMS42IDAgMCAwIDEuMi0uNEwxNCA4LjVsLjMuM2EyLjggMi44IDAgMCAwIDIgLjggMi44IDIuOCAwIDAgMCAyLS44bC41LS41YS41LjUgMCAwIDEgLjMtLjFaIiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg=="); height: 25px; width: 28px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-unignore { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-date { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 0; max-width: 100%; color: rgba(0, 0, 0, 0.6); padding: 5px 0 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-date span { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .ratings { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .ratings-counts, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .ratings-adblockmock { padding: 5px 0 8px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .ratings-log { right: -10px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-body { padding: 8px 10px; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-title { font-weight: bold; font-size: 13px; margin: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-title, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-text { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 130%; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-title + .upost-text { margin-top: 10px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-title:empty + .upost-text { margin-top: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-text:empty { margin-top: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-title, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-text { overflow: hidden; text-overflow: ellipsis; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-expandlink { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools { padding: 0 1px 2px 10px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools > a, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools button { color: #000; display: inline-block; box-sizing: border-box; opacity: 0.6; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 40px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools > a { float: left; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools button { float: right; width: 40px; height: 40px; text-indent: -10000px; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: 30px 30px; position: relative; border: none; border-radius: 0; padding: 0; margin: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools button:hover { opacity: 1; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools button[disabled] { opacity: 0.3; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools button[disabled]:hover { cursor: not-allowed; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-share::before, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-report::before, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-ratedown::before, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-subscribe::before, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-sticky::before { background: rgba(0, 0, 0, 0.12); content: ''; display: block; height: 20px; position: absolute; right: 0; top: 10px; width: 1px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-toolstext { float: left; height: 2.5rem; height: 40px; line-height: 2.5rem; line-height: 40px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-viewcontext { float: left; margin-left: 0; width: auto; text-indent: 0; text-decoration: underline; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-viewcontext span { display: none; } @media (min-width: 360px) { .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-viewcontext span { display: inline; } } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-replyanswer { float: left; margin-left: 0; width: auto; text-indent: 0; background-position: -5px 50%; text-transform: lowercase; text-decoration: underline; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-sharecontainer { position: relative; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-share { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTE5LjM3OSAxOC41NDJhMi4yODMgMi4yODMgMCAwMC0xLjQ4Ni41NjZsLTUuMjM1LTMuMDQyYTEuMzgxIDEuMzgxIDAgMDAuMDcxLS41YzAtLjIxMi0uMDcxLS4zNTQtLjA3MS0uNTY2bDUuMjM2LTMuMDQyYTIuMzMxIDIuMzMxIDAgMDAxLjU1Ny41NjYgMi4yNjQgMi4yNjQgMCAxMC0yLjI2NC0yLjI2NCAxLjU1OCAxLjU1OCAwIDAwLjA3MS41NjZsLTUuMjM3IDMuMDQ3YTIuMzMxIDIuMzMxIDAgMDAtMS41NTctLjU2NiAyLjI2NCAyLjI2NCAwIDEwMCA0LjUyOCAyLjQ3MyAyLjQ3MyAwIDAwMS41NTctLjU2Nmw1LjIzNiAzLjA0MmExLjA0OSAxLjA0OSAwIDAwLS4wNzEuNUEyLjE2IDIuMTYgMCAwMDE5LjM3OSAyM2EyLjExOCAyLjExOCAwIDAwMi4xOTMtMi4xOTMgMi4yNjcgMi4yNjcgMCAwMC0yLjE5My0yLjI2NXoiLz48L3N2Zz4K"); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-report { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTEwLjgxMiwxMS4wOTdjMC4xNzgtMC4zNTYsMC4zNTYtMC43MTEsMC42MjMtMC45NzhjMC40NDQtMC4zNTQsMC44ODktMC41MzMsMS40MjEtMC42MjIgYzAuNDQ0LTAuMDg5LDAuOTc4LTAuMDg5LDEuNDIyLTAuMDg5YzAuNjIxLDAsMS4yNDMsMCwxLjc3OC0wLjE3OGMwLjc5OC0wLjE3OCwxLjQyMS0wLjYyMiwxLjc3Ny0xLjQyMlY3LjcxOWwwLDAgYzAsMCwwLDAuMDksMC4wODgsMC4wOWMwLjg4OSwxLjg2NiwxLjY4OSwzLjczMywyLjU3OCw1LjUxYzAsMC4wODgsMCwwLjE3NiwwLDAuMjY3Yy0wLjQ0NCwwLjg4OS0xLjE1NywxLjQyMS0yLjEzMywxLjUxMSBjLTAuNTMzLDAuMDg4LTEuMDY2LDAuMDg4LTEuNiwwLjA4OGMtMC42MjIsMC0xLjI0NCwwLTEuNzc3LDAuMTc4Yy0wLjcxMSwwLjE3OC0xLjE1NSwwLjYyMi0xLjUxMSwxLjMzMyBjLTAuMDg5LDAuMDg4LDAsMC4xNzgsMCwwLjI2N2MwLjcxLDEuNDIyLDEuMzMzLDIuODQ0LDIuMDQ0LDQuMjY2YzAuMDksMC4xNzgsMC4wOSwwLjM1NSwwLjA5LDAuNjIyIGMtMC4wOSwwLjI2Ni0wLjI2OCwwLjUzMi0wLjUzNSwwLjUzMmMtMC4zNTQsMC4wOS0wLjYyMi0wLjA4OC0wLjc5OS0wLjM1NGMtMC4wOS0wLjE3OC0wLjE3OC0wLjQ0NC0wLjM1NS0wLjcxMSBjLTEuNTExLTMuMjAxLTMuMDIyLTYuMzk5LTQuNTMyLTkuNTA5Yy0wLjA4OS0wLjE3OC0wLjA4OS0wLjQ0NC0wLjA4OS0wLjYyM2MwLjA5LTAuMjY2LDAuMTc4LTAuNDQ0LDAuNDQ0LTAuNTMzIGMwLjM1Ni0wLjA5LDAuNjIyLDAsMC44LDAuMjY3QzEwLjcyMywxMS4wMDgsMTAuNzIzLDExLjAwOCwxMC44MTIsMTEuMDk3eiIvPjwvc3ZnPg=="); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-ratedown { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHJlY3QgeD0iNyIgeT0iMTQiIHdpZHRoPSIxNSIgaGVpZ2h0PSIzIi8+PC9zdmc+"); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-ratedown.rated { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHJlY3QgZmlsbD0iIzM4YThlMCIgeD0iNyIgeT0iMTQiIHdpZHRoPSIxNSIgaGVpZ2h0PSIzIi8+PC9zdmc+"); opacity: 1; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-rateup { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBvbHlnb24gcG9pbnRzPSIxMywyMiAxMywxNyA4LDE3IDgsMTQgMTMsMTQgMTMsOSAxNiw5IDE2LDE0IDIxLDE0IDIxLDE3IDE2LDE3IDE2LDIyIi8+PC9zdmc+"); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-rateup.rated { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBvbHlnb24gZmlsbD0iIzM4YThlMCIgcG9pbnRzPSIxMywyMiAxMywxNyA4LDE3IDgsMTQgMTMsMTQgMTMsOSAxNiw5IDE2LDE0IDIxLDE0IDIxLDE3IDE2LDE3IDE2LDIyIi8+PC9zdmc+"); opacity: 1; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-delete { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTEwLjIzNiwxMi45OThoOS41MjdjMCwwLDAuMDA1LDQuMzA2LDAsNy4xODEgYy0wLjAwMSwxLjI3Ny0wLjU5MSwxLjg2OS0xLjg2MSwxLjg3M2MtMS45MzQsMC4wMDYtMy44NjcsMC4wMDYtNS44LDBjLTEuMjc3LTAuMDAzLTEuODYzLTAuNTg5LTEuODY0LTEuODY5IEMxMC4yMzMsMTcuMTM1LDEwLjIzNiwxMi45OTgsMTAuMjM2LDEyLjk5OHoiLz48cGF0aCBkPSJNMTkuMzk5LDEwLjAzOWMtMC4xODEtMC4wNTktMC4zNzgtMC4wODQtMC41NjgtMC4wODcgYy0wLjU1MS0wLjAxMi0xLjEwNC0wLjAwNS0xLjY1Ny0wLjAwNWMtMC4wNSwwLTAuMTAyLDAtMC4xNzUsMGMwLTAuMzEzLDAtMC42MDQsMC0wLjg5NGMtMC4wMDItMC43MDItMC40MDUtMS4xMDYtMS4xMDYtMS4xMDYgYy0wLjI5OC0wLjAwMS0xLjQ4OC0wLjAwMS0xLjc4NiwwYy0wLjcwMSwwLTEuMTA0LDAuNDA1LTEuMTA2LDEuMTA2YzAsMC4yOTEsMCwwLjU4MiwwLDAuODk0Yy0wLjA3MywwLTAuMTI1LDAtMC4xNzUsMCBjLTAuNTUzLDAtMS4xMDYtMC4wMDctMS42NTcsMC4wMDVjLTAuMTksMC4wMDMtMC4zODcsMC4wMjktMC41NjgsMC4wODdjLTAuNzE1LDAuMjMtMS4xMDUsMC44MzktMS4xMDIsMS42ODMgYzAuMDAxLDAuMTk2LDAuMDE4LDAuMjEzLDAuMjE0LDAuMjEzYzEuNzYyLDAsOC44MDksMCwxMC41NzEsMGMwLjE5NywwLDAuMjEzLTAuMDE3LDAuMjE0LTAuMjEzIEMyMC41MDQsMTAuODc4LDIwLjExNCwxMC4yNjksMTkuMzk5LDEwLjAzOXogTTEzLjk5MSw5LjkzNmMwLTAuMjg2LTAuMDAzLTAuNTYxLDAuMDAxLTAuODM2YzAuMDAxLTAuMTA0LDAuMDY3LTAuMTY1LDAuMTY5LTAuMTY2IGMwLjI4LTAuMDAxLDEuMzk4LTAuMDAxLDEuNjc4LDBjMC4xMDIsMC4wMDEsMC4xNjcsMC4wNjIsMC4xNjksMC4xNjZjMC4wMDQsMC4yNzUsMC4wMDEsMC41NSwwLjAwMSwwLjgzNiBDMTUuNjY3LDkuOTM2LDE0LjMzNCw5LjkzNiwxMy45OTEsOS45MzZ6Ii8+PC9zdmc+"); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-quote { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTkuNSwxMC42NjloNC42MTh2My41NTZjMCwxLjMxLTAuMjcyLDIuMzQyLTAuODE2LDMuMWMtMC41NDYsMC43NTctMS40NzYsMS40MjYtMi43OTMsMi4wMDZMOS41LDE3LjQ0MSBjMC44MjEtMC4zODIsMS4zODYtMC43NjMsMS42OTQtMS4xNDFjMC4zMDctMC4zNzksMC40NzktMC44MjYsMC41MTUtMS4zNDNIOS41VjEwLjY2OXogTTE1Ljg4MiwxMC42NjlIMjAuNXYzLjU1NiBjMCwxLjMxLTAuMjcxLDIuMzQyLTAuODE3LDMuMWMtMC41NDUsMC43NTctMS40NzUsMS40MjYtMi43OTIsMi4wMDZsLTEuMDA5LTEuODljMC44MjEtMC4zODIsMS4zODYtMC43NjMsMS42OTMtMS4xNDEgYzAuMzA5LTAuMzc5LDAuNDgtMC44MjYsMC41MTYtMS4zNDNoLTIuMjA5VjEwLjY2OXoiLz48L3N2Zz4="); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-sticky { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTE2LjA3IDE4LjQ1bDQuNTMtNC41My41Ny41NyAxLjEzLTEuMTMtNS42Ni01LjY2LTEuMTMgMS4xMy41Ny41Ny00LjUzIDQuNTNIOS4yOWwtMS4xMyAxLjEzTDExLjEgMThsLTMuNCAzLjM5LjkxLjkxTDEyIDE4LjlsMi45NCAyLjk0IDEuMTMtMS4xM3YtMi4yNnoiLz48L3N2Zz4="); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-sticky.issticky { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZmlsbD0iIzM4YThlMCIgZD0iTTE2LjA3IDE4LjQ1bDQuNTMtNC41My41Ny41NyAxLjEzLTEuMTMtNS42Ni01LjY2LTEuMTMgMS4xMy41Ny41Ny00LjUzIDQuNTNIOS4yOWwtMS4xMyAxLjEzTDExLjEgMThsLTMuNCAzLjM5LjkxLjkxTDEyIDE4LjlsMi45NCAyLjk0IDEuMTMtMS4xM3YtMi4yNnoiLz48L3N2Zz4="); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-subscribe:not(.subscribed) { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTE1IDIzLjMzYTEuNjcgMS42NyAwIDAwMS42Ny0xLjY2aC0zLjM0QTEuNjcgMS42NyAwIDAwMTUgMjMuMzN6bTUtNXYtNC4xNmMwLTIuNTYtMS4zNi00LjctMy43NS01LjI3di0uNTdhMS4yNSAxLjI1IDAgMDAtMi41IDB2LjU3QTUuMDcgNS4wNyAwIDAwMTAgMTQuMTd2NC4xNkw4LjMzIDIwdi44M2gxMy4zNFYyMHptLTEuNjcuODRoLTYuNjZ2LTVjMC0yLjA3IDEuMjUtMy43NSAzLjMzLTMuNzVzMy4zMyAxLjY4IDMuMzMgMy43NXoiLz48L3N2Zz4="); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-subscribe:not(.subscribed):focus, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-subscribe:not(.subscribed):hover { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTEzLjMzNCAyMS42NjdoMy4zMzNhMS42NjY1IDEuNjY2NSAwIDExLTMuMzMzIDB6bS01LS44MzN2LS44MzNMMTAgMTguMzMzdi00LjE2N0E1LjA3IDUuMDcgMCAwMTEzLjc1IDguOXYtLjU2N2ExLjI1IDEuMjUgMCAxMTIuNSAwVjguOWMyLjM5Mi41NjYgMy43NSAyLjcwOCAzLjc1IDUuMjY2djQuMTY3TDIxLjY2NyAyMHYuODMzem0zLjMzMy02LjY2OHY1aDYuNjY2di01YzAtMi4wNjYtMS4yNTgtMy43NDktMy4zMzQtMy43NDlzLTMuMzMyIDEuNjgzLTMuMzMyIDMuNzQ5em05Ljk3NS0uNDE3YTcuMDc5IDcuMDc5IDAgMDAtMi45NS01LjM1bDEuMTgzLTEuMTkyYTguNzQzIDguNzQzIDAgMDEzLjQzNCA2LjU0MnptLTE0Ljk1IDBhOC42OTEgOC42OTEgMCAwMTMuNDM0LTYuNTQybDEuMTkxIDEuMTkyYTcuMDM5IDcuMDM5IDAgMDAtMi45NTggNS4zNXoiLz48L3N2Zz4="); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-subscribe.subscribed, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-subscribe.subscribed:hover, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-subscribe.subscribed:focus { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTExLjMyIDguNGwtMS4yLTEuMmE4LjY5IDguNjkgMCAwMC0zLjQzIDYuNTVoMS42N2E3LjA0IDcuMDQgMCAwMTIuOTYtNS4zNXptMTAuMzIgNS4zNWgxLjY3YTguNzQgOC43NCAwIDAwLTMuNDMtNi41NEwxOC42OSA4LjRhNy4wOCA3LjA4IDAgMDEyLjk1IDUuMzV6bS0xLjY0LjQyYTUuMDggNS4wOCAwIDAwLTMuNzUtNS4yN3YtLjU3YTEuMjUgMS4yNSAwIDEwLTIuNSAwdi41N2MtMi40LjU3LTMuNzUgMi43LTMuNzUgNS4yN3Y0LjE2TDguMzMgMjB2LjgzaDEzLjMzVjIwTDIwIDE4LjMzem0tNSA5LjE2YTEuNDYgMS40NiAwIDAwLjMzLS4wMyAxLjcgMS43IDAgMDAxLjItLjk4IDEuNjcgMS42NyAwIDAwLjEzLS42NWgtMy4zM0ExLjY4IDEuNjggMCAwMDE1IDIzLjMzeiIvPjwvc3ZnPg=="); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-subscribe[disabled]:hover { cursor: wait; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost.upost-is-force-relevance .upost-tools .upost-ratings-difference { float: right; height: 40px; line-height: 40px; opacity: 0.6; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost.upost-is-force-relevance .upost-tools .upost-rateup, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost.upost-is-force-relevance .upost-tools .upost-ratedown { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNMjYuNSwxMC41LDIwLjA1OSw1VjguMTI1SDExLjV2NC43NWg4LjU1OVYxNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjUgMjcpIHJvdGF0ZSgtOTApIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+"); background-size: initial; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost.upost-is-force-relevance .upost-tools .upost-ratedown { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu { position: absolute; bottom: 42px; right: 0; width: 100%; max-width: 250px; font-size: 0.8125rem; font-size: 13px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu ul { background-color: #202226; margin: 0; padding: 5px; list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; background-color: var(--theme-ui-background); position: relative; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu li { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 0 5px; padding: 0; list-style-type: none; text-align: center; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu li:last-child::after { border-color: #202226 transparent transparent; content: ''; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0; border-color: var(--theme-ui-background) transparent transparent; position: absolute; right: 135px; bottom: -6px; margin: 0 auto; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu a { color: #fff; display: block; color: var(--theme-ui-tint); border-bottom: none; padding: 5px 0; cursor: pointer; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu a:hover { text-decoration: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu a::before { border-radius: 100%; width: 50px; height: 50px; background-color: #444444; background-position: 50% 50%; background-size: 44px 44px; background-repeat: no-repeat; content: ''; display: block; margin: 0 auto 6px; border: 1px solid #444444; box-sizing: border-box; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu-twitter a::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjkiPjxwYXRoIGQ9Ik0xOS45NDUsMTIuNDY1YzAuMDA1LDAuMTA5LDAuMDA3LDAuMjE5LDAuMDA3LDAuMzI5YzAsMy4zNy0yLjU2Niw3LjI1OC03LjI1OCw3LjI1OGMtMS40NDEsMC0yLjc4Mi0wLjQyMi0zLjkxLTEuMTQ2IGMwLjE5OSwwLjAyMywwLjQwMiwwLjAzNSwwLjYwOCwwLjAzNWMxLjE5NSwwLDIuMjk0LTAuNDA3LDMuMTY4LTEuMDkyYy0xLjExNy0wLjAyLTIuMDYtMC43NTgtMi4zODMtMS43NzEgYzAuMTU1LDAuMDMsMC4zMTQsMC4wNDUsMC40NzksMC4wNDVjMC4yMzMsMCwwLjQ1OS0wLjAyOSwwLjY3My0wLjA4OWMtMS4xNjYtMC4yMzMtMi4wNDYtMS4yNjYtMi4wNDYtMi41MDEgYzAtMC4wMTEsMC0wLjAyMSwwLTAuMDMyYzAuMzQ0LDAuMTkxLDAuNzM2LDAuMzA4LDEuMTU1LDAuMzE5Yy0wLjY4Ny0wLjQ1Ny0xLjEzNS0xLjIzOC0xLjEzNS0yLjEyMyBjMC0wLjQ2OSwwLjEyNS0wLjkwNSwwLjM0Ni0xLjI4M2MxLjI1NywxLjU0NCwzLjEzNiwyLjU1OSw1LjI1NywyLjY2NmMtMC4wNDQtMC4xODgtMC4wNjUtMC4zODEtMC4wNjUtMC41ODIgYzAtMS40MDgsMS4xNDEtMi41NSwyLjU1MS0yLjU1YzAuNzMyLDAsMS4zOTYsMC4zMSwxLjg2MiwwLjgwNWMwLjU3OC0wLjExNCwxLjEyNi0wLjMyNywxLjYyLTAuNjE4IGMtMC4xOTIsMC41OTUtMC41OTYsMS4wOTYtMS4xMjQsMS40MWMwLjUxOC0wLjA2MSwxLjAxLTAuMTk3LDEuNDY2LTAuNEMyMC44NzcsMTEuNjU2LDIwLjQ0MywxMi4xMDUsMTkuOTQ1LDEyLjQ2NXoiLz48L2c+PC9zdmc+"); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu-facebook a::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjkiPjxwYXRoIGQ9Ik0xNy42MzQsMTUuMDA1SDE1LjkxYzAsMi43NTYsMCw2LjE0NywwLDYuMTQ3aC0yLjU1NmMwLDAsMC0zLjM1OSwwLTYuMTQ3aC0xLjIxNHYtMi4xNzNoMS4yMTR2LTEuNDA1IGMwLTEuMDA1LDAuNDc5LTIuNTc5LDIuNTc5LTIuNTc5bDEuODkzLDAuMDA4djIuMTA4YzAsMC0xLjE1LDAtMS4zNzQsMHMtMC41NDIsMC4xMTItMC41NDIsMC41OTJ2MS4yNzZoMS45NDlMMTcuNjM0LDE1LjAwNXoiLz48L2c+PC9zdmc+"); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu-googleplus a::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjkiPjxwYXRoIGQ9Ik0xMS45NDgsMTQuMjUzdjEuNWgzLjA4M2MtMC4xMiwwLjc1LTAuOTAxLDIuNDE1LTIuOTc5LDIuNDE1IGMtMS43OTMsMC0zLjI1NS0xLjQxLTMuMjU1LTMuMjM5YzAtMS44MywxLjQ2Mi0zLjI3OCwzLjI1NS0zLjI3OGMxLjAyLDAsMS43MDIsMC40NTQsMi4wOTQsMC44MjlsMS40MjQtMS4zNjMgYy0wLjkxNC0wLjg1NS0yLjEtMS4zNjctMy41MTgtMS4zNjdjLTIuOTAxLDAtNS4yNSwyLjM1LTUuMjUsNS4yNTJzMi4zNDksNS4yNSw1LjI1LDUuMjVjMy4wMzEsMCw1LjA0MS0yLjEyOSw1LjA0MS01LjEyOSBjMC0wLjM0NS0wLjAzOC0wLjYwNy0wLjA4NC0wLjg2OUgxMS45NDhMMTEuOTQ4LDE0LjI1M3oiLz48cGF0aCBkPSJNMjMuMTk4LDE1Ljc1M2gtMS41djEuNWgtMS41di0xLjVoLTEuNXYtMS41aDEuNXYtMS41aDEuNXYxLjVoMS41IFYxNS43NTN6Ii8+PC9nPjwvc3ZnPg=="); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu-whatsapp a::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjkiPjxwYXRoIGQ9Ik0xOC4zNzIsMTYuNDY3Yy0wLjE4My0wLjA5LTEuMDgzLTAuNTM0LTEuMjUxLTAuNTk1Yy0wLjE2OC0wLjA2Mi0wLjI5LTAuMDkyLTAuNDEyLDAuMDkyIGMtMC4xMjMsMC4xODMtMC40NzMsMC41OTYtMC41NzksMC43MTljLTAuMTA4LDAuMTIyLTAuMjE0LDAuMTM4LTAuMzk3LDAuMDQ2Yy0wLjE4NC0wLjA5My0wLjc3My0wLjI4Ni0xLjQ3My0wLjkxIGMtMC41NDQtMC40ODUtMC45MTEtMS4wODUtMS4wMi0xLjI2OWMtMC4xMDUtMC4xODMtMC4wMTEtMC4yODIsMC4wODEtMC4zNzNjMC4wODEtMC4wODIsMC4xODQtMC4yMTQsMC4yNzQtMC4zMjIgYzAuMDkyLTAuMTA2LDAuMTIxLTAuMTgzLDAuMTg0LTAuMzA1YzAuMDYxLTAuMTIyLDAuMDMtMC4yMjktMC4wMTYtMC4zMmMtMC4wNDctMC4wOTItMC40MTItMC45OTMtMC41NjQtMS4zNTkgYy0wLjE1LTAuMzU4LTAuMzAxLTAuMzEtMC40MTItMC4zMTZjLTAuMTA2LTAuMDA1LTAuMjI5LTAuMDA2LTAuMzUyLTAuMDA2Yy0wLjEyMSwwLTAuMzIsMC4wNDYtMC40ODgsMC4yMjkgYy0wLjE2NywwLjE4My0wLjY0LDAuNjI2LTAuNjQsMS41MjZjMCwwLjkwMywwLjY1NSwxLjc3MywwLjc0NywxLjg5NmMwLjA5MiwwLjEyMiwxLjI5MSwxLjk3MiwzLjEyNywyLjc2NiBjMC40MzgsMC4xODgsMC43NzksMC4zMDIsMS4wNDYsMC4zODZjMC40MzgsMC4xNCwwLjgzNywwLjExOSwxLjE1MywwLjA3MmMwLjM1Mi0wLjA1MywxLjA4My0wLjQ0NCwxLjIzNC0wLjg3MSBjMC4xNTMtMC40MjgsMC4xNTMtMC43OTUsMC4xMDgtMC44N0MxOC42NzgsMTYuNjA1LDE4LjU1NiwxNi41NiwxOC4zNzIsMTYuNDY3eiIvPjxwYXRoIGQ9Ik0yMC4yMTUsOS43NTRjLTEuMzg0LTEuMzg1LTMuMjIzLTIuMTQ5LTUuMTg1LTIuMTQ5Yy00LjA0LDAtNy4zMjcsMy4yODctNy4zMjksNy4zMjhjMCwxLjI5MywwLjMzOCwyLjU1MywwLjk3OSwzLjY2NCBsLTEuMDQsMy43OTlsMy44ODUtMS4wMTljMS4wNywwLjU4MywyLjI3NSwwLjg5MSwzLjUwMywwLjg5MWgwLjAwM2M0LjAzOSwwLDcuMzI3LTMuMjg4LDcuMzI4LTcuMzI5IEMyMi4zNjEsMTIuOTgxLDIxLjYsMTEuMTQsMjAuMjE1LDkuNzU0eiBNMTUuMDMxLDIxLjAyOWgtMC4wMDNjLTEuMDkzLDAtMi4xNjQtMC4yOTMtMy4xMDEtMC44NDhsLTAuMjIzLTAuMTMzTDkuNCwyMC42NTQgbDAuNjE1LTIuMjQ4bC0wLjE0NS0wLjIyOWMtMC42MS0wLjk3Mi0wLjkzMi0yLjA5My0wLjkzMi0zLjI0NGMwLjAwMS0zLjM1OCwyLjczNC02LjA5MSw2LjA5NC02LjA5MSBjMS42MjgsMC4wMDIsMy4xNTYsMC42MzcsNC4zMDcsMS43ODhjMS4xNSwxLjE1LDEuNzgzLDIuNjgxLDEuNzgyLDQuMzA5QzIxLjEyMSwxOC4yOTksMTguMzg5LDIxLjAyOSwxNS4wMzEsMjEuMDI5eiIvPjwvZz48L3N2Zz4="); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu-twitter a:hover::before { background-color: #0095d2; border-color: #0095d2; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu-facebook a:hover::before { background-color: #3b5980; border-color: #3b5980; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu-googleplus a:hover::before { background-color: #c34e41; border-color: #c34e41; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu-whatsapp a:hover::before { background-color: #25b266; border-color: #25b266; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu li.upost-sharemenu-permalink { width: 100%; margin-bottom: 0; padding: 12px; line-height: 130%; background-color: rgba(255, 255, 255, 0.9); color: rgba(0, 0, 0, 0.5); text-align: left; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu li.upost-sharemenu-permalink:hover { background-color: white; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu li.upost-sharemenu-permalink a { color: rgba(0, 0, 0, 0.5); padding: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu li.upost-sharemenu-permalink a::before { content: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-sharemenu li.upost-sharemenu-permalink input { -webkit-appearance: none; padding: 0; color: #000; background: none; font-size: 0.9375rem; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; border: none; border-radius: 0; width: 100%; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-rpos='0'][data-rneg='0'] .upost-head .upost-postingcontainer { -webkit-flex-basis: 105px; -ms-flex-preferred-size: 105px; flex-basis: 105px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='0'] .upost-content { border-left-width: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='0'] .upost-content::after { left: 0; width: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='1'] .upost-content { border-left-width: 5px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='1'] .upost-content::after { left: -5px; width: 5px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='2'] .upost-content { border-left-width: 10px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='2'] .upost-content::after { left: -10px; width: 10px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='3'] .upost-content { border-left-width: 15px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='3'] .upost-content::after { left: -15px; width: 15px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='4'] .upost-content { border-left-width: 20px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='4'] .upost-content::after { left: -20px; width: 20px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='5'] .upost-content { border-left-width: 25px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='5'] .upost-content::after { left: -25px; width: 25px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='6'] .upost-content { border-left-width: 30px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='6'] .upost-content::after { left: -30px; width: 30px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='7'] .upost-content { border-left-width: 35px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='7'] .upost-content::after { left: -35px; width: 35px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='8'] .upost-content { border-left-width: 40px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='8'] .upost-content::after { left: -40px; width: 40px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='9'] .upost-content { border-left-width: 45px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='9'] .upost-content::after { left: -45px; width: 45px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='10'] .upost-content { border-left-width: 50px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='10'] .upost-content::after { left: -50px; width: 50px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='11'] .upost-content { border-left-width: 55px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='11'] .upost-content::after { left: -55px; width: 55px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='12'] .upost-content { border-left-width: 60px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='12'] .upost-content::after { left: -60px; width: 60px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='13'] .upost-content { border-left-width: 65px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='13'] .upost-content::after { left: -65px; width: 65px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='14'] .upost-content { border-left-width: 70px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='14'] .upost-content::after { left: -70px; width: 70px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='15'] .upost-content { border-left-width: 75px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='15'] .upost-content::after { left: -75px; width: 75px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='16'] .upost-content { border-left-width: 80px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='16'] .upost-content::after { left: -80px; width: 80px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='17'] .upost-content { border-left-width: 85px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='17'] .upost-content::after { left: -85px; width: 85px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='18'] .upost-content { border-left-width: 90px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='18'] .upost-content::after { left: -90px; width: 90px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='19'] .upost-content { border-left-width: 95px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='19'] .upost-content::after { left: -95px; width: 95px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='0'] .communityform form::before { left: 32px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='1'] .communityform form::before { left: 37px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='2'] .communityform form::before { left: 42px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='3'] .communityform form::before { left: 47px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='4'] .communityform form::before { left: 52px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='5'] .communityform form::before { left: 57px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='6'] .communityform form::before { left: 62px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='7'] .communityform form::before { left: 67px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='8'] .communityform form::before { left: 72px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='9'] .communityform form::before { left: 77px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='10'] .communityform form::before { left: 82px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='11'] .communityform form::before { left: 87px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='12'] .communityform form::before { left: 92px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='13'] .communityform form::before { left: 97px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='14'] .communityform form::before { left: 102px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='15'] .communityform form::before { left: 107px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='16'] .communityform form::before { left: 112px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='17'] .communityform form::before { left: 117px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='18'] .communityform form::before { left: 122px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-level='19'] .communityform form::before { left: 127px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-is-selected='true'] .upost-content, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-is-selected='true'] .upost-head, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-is-selected='true'] .upost-body, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-is-selected='true'] .upost-tools { background-color: #fdc732 !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-is-selected='true'] .upost-content::before { border-color: transparent #fdc732 transparent transparent !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-is-selected='true'].upost-is-reply .upost-content::before { border-color: #fdc732 transparent transparent !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost[data-is-selected='true'] .upost-communityname { color: rgba(0, 0, 0, 0.8) !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-reply { margin-left: 10px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-reply .upost-content { border-left: 95px solid rgba(0, 0, 0, 0.15); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-reply .upost-content::before { border-width: 6px 5px 0 0; border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent; position: absolute; left: auto; right: -5px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-reply .upost-content::after { content: ''; display: block; width: 95px; height: 8px; position: absolute; left: -95px; top: 10px; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA1IDgiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIj48cG9seWdvbiBwb2ludHM9IjAsMSAwLDcgMyw0IiBmaWxsPSJyZ2JhKDAsMCwwLC41KSIvPjwvc3ZnPg=="); background-repeat: repeat-x; background-position: 0% 0%; background-size: 5px 8px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-reply + .upost { margin-top: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-reply + .upost.upost-is-reply { margin-top: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-new .upost-inner::after { border-color: transparent transparent transparent #e00085; content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 8px 0 0 9px; border-color: transparent transparent transparent var(--theme-primarydeco); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-new.upost-is-reply.upost-is-expanded { left: 8px; left: 100vw; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-new.upost-is-expanded { left: -8px; left: -100vw; -webkit-animation: 0.2s 0.1s forwards animation-slideleft; animation: 0.2s 0.1s forwards animation-slideleft; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-truncated .upost-text { max-height: 485px; max-height: 18.75rem; max-height: 300px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-truncated .upost-expandlink { display: block; text-align: center; padding: 5px; line-height: 130%; color: rgba(0, 0, 0, 0.6); border-top: 1px dashed rgba(0, 0, 0, 0.2); margin-top: 10px; text-decoration: none; cursor: pointer; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-expanded { height: auto; margin-bottom: 2px; margin-top: 4px; overflow: visible; } @media (min-width: 960px) { .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-expanded { margin-top: 16px; margin-bottom: 4px; } } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-expanded.upost-is-reply + .upost { margin-top: 16px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-expanded.upost-is-reply { margin-top: 2px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-expanded.upost-is-reply + .upost.upost-is-reply { margin-top: 2px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-expanded.upost-is-embedded { margin-top: 0; margin-bottom: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored { line-height: 100%; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored .upost-head .upost-postingcontainer { -webkit-flex: 9999 1 130px; -ms-flex: 9999 1 130px; flex: 9999 1 130px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored .upost-follower, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored .upost-date, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored .ratings, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored .upost-body, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored .upost-tools, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored .upost-sliderate { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored .upost-communityname { display: inline-block; color: rgba(0, 0, 0, 0.5); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored .upost-unignore { display: inline-block !important; width: 15px; min-width: 15px; padding-bottom: 9px; height: 20px; vertical-align: middle; text-indent: -10000px; opacity: 0.5; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNSAxMCI+PHJlY3QgeD0iMS4wNTQiIHk9IjQuNTQxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xLjI4OTggNi44ODU2KSIgd2lkdGg9IjEzLjIyNSIgaGVpZ2h0PSIwLjkxNyIvPjxwYXRoIGQ9Ik03LjM2Nyw4LjAxYzEuNjUzLDAsMi45OTQtMS4zNCwyLjk5NC0yLjk5NGMwLTAuMTg4LTAuMDIyLTAuMzcyLTAuMDU5LTAuNTQ5TDYuODIsNy45NTNDNi45OTcsNy45OSw3LjE4LDguMDEsNy4zNjcsOC4wMSB6Ii8+PHBhdGggZD0iTTcuMzY3LDIuMDE5Yy0xLjY1MSwwLTIuOTk0LDEuMzQyLTIuOTk0LDIuOTk3YzAsMC4zNDgsMC4wNzMsMC42OCwwLjE3OCwwLjk5NGwzLjgxMS0zLjgwNiBDOC4wNDksMi4wOTEsNy43MTksMi4wMTksNy4zNjcsMi4wMTl6Ii8+PHBhdGggZD0iTTEyLjUyNiwyLjI0NkwxMS4yNzYsMy41YzAuMTgsMC40NzEsMC4yOSwwLjk3OCwwLjI5LDEuNTE1YzAsMi4zMTctMS44OCw0LjE5Ni00LjE5OCw0LjE5NiBjLTAuNTM2LDAtMS4wNDItMC4xMDUtMS41MTYtMC4yODlMNS4zODMsOS4zOTJjMC42MDUsMC4xNDcsMS4yNjIsMC4yMzksMS45ODMsMC4yMzljNS4zMDUsMCw3LjM2Ny00LjYxMiw3LjM2Ny00LjYxMiBTMTQuMDY5LDMuNTMsMTIuNTI2LDIuMjQ2eiIvPjxwYXRoIGQ9Ik0zLjY0NSw2LjkxOUMzLjM1LDYuMzQ0LDMuMTY5LDUuNzAyLDMuMTY5LDUuMDE2YzAtMi4zMiwxLjg3OS00LjIsNC4yMDItNC4yYzAuNjksMCwxLjMyNiwwLjE3OCwxLjksMC40NzZsMC41MzEtMC41MjcgQzkuMDc3LDAuNTQsOC4yNzIsMC4zOTgsNy4zNjcsMC4zOThDMi4wNiwwLjM5OCwwLDUuMDE1LDAsNS4wMTVzMC43NjIsMS42ODQsMi41MzEsMy4wMTdMMy42NDUsNi45MTl6Ii8+PC9zdmc+"); background-repeat: no-repeat; background-position: 0% 0%; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored-communityidentityid .upost-communityname::after { content: ''; display: inline-block; height: 10px; width: 10px; margin-top: 1px; margin-left: 3px; opacity: 0.8; vertical-align: inherit; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMCAxMCI+PGcgZmlsbD0iYmxhY2siPjxwYXRoIGQ9Ik01LDBDMi4yMzksMCwwLDIuMjM4LDAsNWMwLDIuNzYzLDIuMjM4LDUsNSw1YzIuNzYsMCw1LTIuMjM4LDUtNUMxMCwyLjI0LDcuNzYyLDAsNSwweiBNMS4xMTIsNSBjMC0yLjE0NywxLjc0MS0zLjg4OSwzLjg4OS0zLjg4OWMwLjg3NCwwLDEuNjcsMC4zLDIuMzE5LDAuNzg0TDEuODk2LDcuMzE5QzEuNDEsNi42NywxLjExMiw1Ljg3MiwxLjExMiw1eiBNNSw4Ljg4OCBjLTAuODczLDAtMS42Ny0wLjI5Ny0yLjMxOS0wLjc4NEw4LjEwNSwyLjY4QzguNTkxLDMuMzMsOC44ODksNC4xMjYsOC44ODksNUM4Ljg4OSw3LjE0Nyw3LjE0OCw4Ljg4OCw1LDguODg4eiIvPjwvZz48L3N2Zz4="); background-repeat: no-repeat; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored-communityidentityid.upost-is-ignored .upost-communityname::after { opacity: 0.5; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored-communityidentityid .upost-usermenu-ignorecommunityidentityid { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-ignored-communityidentityid .upost-usermenu-unignorecommunityidentityid { display: block; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-bycommunityguide .upost-head, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-byemployee .upost-head, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-byfollowee .upost-head { background-color: rgba(255, 255, 255, 0.9); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-bycommunityguide .upost-content::before, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-byemployee .upost-content::before, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-byfollowee .upost-content::before { border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-bycommunityguide.upost-is-reply .upost-content::before, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-byemployee.upost-is-reply .upost-content::before, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-byfollowee.upost-is-reply .upost-content::before { border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-byfollowee:not([data-is-selected='true']) .upost-communityname { color: #38a8e0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-bycommunityguide:not([data-is-selected='true']) .upost-communityname { color: #2e7d32; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-byemployee:not([data-is-selected='true']) .upost-communityname { color: #e00085; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-byemployee:not([data-is-selected='true']) .upost-verified-identity::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZmlsbD0iI2VjMDA4YyIgc3Ryb2tlPSIjZDExYTg2IiBkPSJNNS44OTIuMjg2YS44LjgsMCwwLDEsMS4yMjcsMEw3LjQzLjYzOGExLjYxMiwxLjYxMiwwLDAsMCwxLjUuNDQ1bC40NS0uMTI2YS44LjgsMCwwLDEsMS4wMzEuNjdsLjA3MS40NjVhMS42MzMsMS42MzMsMCwwLDAsMS4wMjQsMS4xOTRsLjQ0Ny4xNGEuODEzLjgxMywwLDAsMSwuNTEsMS4xMjZsLS4xODkuNDMxQTEuNjQ3LDEuNjQ3LDAsMCwwLDEyLjUsNi41NDdsLjMuMzYxYS44MTMuODEzLDAsMCwxLS4xNzUsMS4yMjRsLS4zOS4yNjFhMS42NDUsMS42NDUsMCwwLDAtLjY1LDEuNDM2bC4wNi40NjhhLjgwOS44MDksMCwwLDEtLjguOTM2bC0uNDY4LjAwN2ExLjYyLDEuNjIsMCwwLDAtMS4zMTcuODU0bC0uMi40MjZhLjguOCwwLDAsMS0xLjE3Ni4zNDlsLS40LS4yNDlhMS42MTUsMS42MTUsMCwwLDAtMS41NjYsMGwtLjQuMjQ5YS44LjgsMCwwLDEtMS4xNzYtLjM0OWwtLjItLjQyNmExLjYyLDEuNjIsMCwwLDAtMS4zMTctLjg1NGwtLjQ2OC0uMDA3YS44MDguODA4LDAsMCwxLS44LS45MzZsLjA2LS40NjhhMS42MzksMS42MzksMCwwLDAtLjY1LTEuNDM2bC0uMzktLjI2MUEuODIuODIsMCwwLDEsLjIxLDYuOTA1bC4zLS4zNjFBMS42NTIsMS42NTIsMCwwLDAsLjczNSw0Ljk4TC41NDYsNC41NWEuODE0LjgxNCwwLDAsMSwuNTEtMS4xMjZsLjQ0Ny0uMTRBMS42MzMsMS42MzMsMCwwLDAsMi41MjcsMi4wOUwyLjYsMS42MjRBLjguOCwwLDAsMSwzLjYzLjk1NGwuNDUuMTI2YTEuNjEyLDEuNjEyLDAsMCwwLDEuNS0uNDQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUgLjUpIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQuMjMxLDcuOTgsMS40LDUuMTQ5LDIuNTgsMy45Nyw0LjIzMSw1LjYyMSw3LjY1MiwyLjJsMS4xOCwxLjE4LTQuNiw0LjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIi8+PC9zdmc+"); height: 14px; width: 14px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-byfollowee .upost-usermenu .upost-usermenu-follow { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-byfollowee .upost-usermenu .upost-usermenu-unfollow { display: block; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-byunfollowed .upost-follower { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-embedded { display: block !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-embedded .upost-head { padding: 4px 20px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-embedded .upost-usermenu { left: 10px; top: 34px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-embedded .upost-body { padding: 16px 20px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-embedded .upost-tools { padding: 0 0 0 20px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-embedded .upost-sharemenu { bottom: 40px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-embedded .upost-sharemenu li:last-child::after { right: 93px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-sticky { margin: 0 0 10px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-teaser .upost-content::before { content: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-teaser .upost-head { padding: 0 10px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-teaser .upost-body { max-height: 27px; overflow: hidden; text-overflow: ellipsis; border-bottom: none; padding: 8px 10px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-teaser .upost-title + .upost-text { margin-top: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-teaser .upost-showmorelink { display: block; padding: 10px; background-color: rgba(0, 0, 0, 0.07); text-decoration: underline; color: rgba(0, 0, 0, 0.6); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-adblocked .ratings-counts, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-adblocked .ratings-log { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-adblocked .ratings-adblockmock { display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost { font-size: 19px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost .upost-intro { font-size: 19px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost .upost-head { font-size: 16px; line-height: 16px; min-height: 36px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost .upost-follower::after { width: 10px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost .upost-postingcontainer { -webkit-flex: 9999 1 330px; -ms-flex: 9999 1 330px; flex: 9999 1 330px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost .ratings-counts { font-size: 16px; line-height: 16px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost .ratings-counts > svg { width: 90px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost .upost-tools button, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost .upost-tools .upost-toolstext { height: 38px; line-height: 38px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost .upost-tools > a, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost .upost-tools button { font-size: 18px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost-is-ignored-communityidentityid .upost-communityname::after { width: 15px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost-is-ignored .upost-unignore { width: 21px; height: 25px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .upost-is-teaser .upost-body { max-height: 44px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .clearfix::after { clear: both; content: ''; display: table; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings { position: relative; display: inline-block; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings *[data-closable-active="false"] { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings .ratings-counts, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings .ratings-adblockmock { -webkit-display: flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: normal; -ms-flex-align: normal; align-items: normal; font-size: 11px; line-height: 12px; cursor: pointer; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings .ratings-positive-count { color: #212121; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings .ratings-negative-count { color: #212121; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings .ratings-counts > svg { width: 75px; height: 10px; margin: 0 5px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings .ratings-counts .ratings-counts-negativebar, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings .ratings-counts .ratings-counts-positivebar { transition-property: width; transition-duration: 0.7s; transition-delay: 0.5s; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log { background-color: #202226; color: #fff; background-color: var(--theme-ui-background); color: var(--theme-ui-tint); font-size: 0.8125rem; font-size: 13px; position: absolute; right: 0; top: 100%; width: 250px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log::after { border-color: transparent transparent #202226; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px; border-color: transparent transparent var(--theme-ui-background); position: absolute; right: 51px; top: -6px; margin: 0 auto; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log .ratings-log-inner { max-height: 367px; padding: 0 12px 6px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log ul { margin: 0; padding: 6px 0 0 !important; list-style: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 0; line-height: 1.8125rem; line-height: 29px; list-style-type: none; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li:last-child { border-bottom: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li .ratings-log-communityname { -webkit-flex-grow: 1; -webkit-flex-shrink: 1; border-bottom: none; color: currentColor; display: block; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; overflow: hidden; padding: 0; position: relative; text-overflow: ellipsis; white-space: nowrap; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li .ratings-log-communityname:hover > span { text-decoration: underline; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li .ratings-log-communityname.ratings-log-is-deleted { opacity: 0.7; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li .ratings-log-communityname.ratings-log-is-deleted:hover > span { text-decoration: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li .ratings-log-communityname.ratings-log-is-byverifieduser { overflow: visible; text-overflow: initial; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li .ratings-log-communityname.ratings-log-is-byverifieduser > span { display: block; float: left; max-width: 160px; overflow: hidden; text-overflow: ellipsis; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li .ratings-log-communityname.ratings-log-is-byverifieduser.ratings-log-is-byfollowee > span { max-width: 187px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li[data-rate*="tive"] .ratings-log-communityname::before { content: ''; display: inline-block; vertical-align: middle; margin-right: 5px; float: left; width: 15px; height: 100%; min-height: 29px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li[data-rate="positive"] .ratings-log-communityname::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBvbHlnb24gZmlsbD0iIzJkODMwNiIgcG9pbnRzPSIxMywyMiAxMywxNyA4LDE3IDgsMTQgMTMsMTQgMTMsOSAxNiw5IDE2LDE0IDIxLDE0IDIxLDE3IDE2LDE3IDE2LDIyIi8+PC9zdmc+"); background-position: 50% 50%; background-repeat: no-repeat; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li[data-rate="negative"] .ratings-log-communityname::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHJlY3QgZmlsbD0iI2FlMDAwMCIgeD0iNyIgeT0iMTQiIHdpZHRoPSIxNSIgaGVpZ2h0PSIzIi8+PC9zdmc+"); background-position: 50% 50%; background-repeat: no-repeat; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log .ratings-log-communityname.ratings-log-is-byverifieduser::after { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZmlsbD0iIzM4YThlMCIgc3Ryb2tlPSIjMzg5Y2NlIiBkPSJNNS44OTIuMjg2YS44LjgsMCwwLDEsMS4yMjcsMEw3LjQzLjYzOGExLjYxMiwxLjYxMiwwLDAsMCwxLjUuNDQ1bC40NS0uMTI2YS44LjgsMCwwLDEsMS4wMzEuNjdsLjA3MS40NjVhMS42MzMsMS42MzMsMCwwLDAsMS4wMjQsMS4xOTRsLjQ0Ny4xNGEuODEzLjgxMywwLDAsMSwuNTEsMS4xMjZsLS4xODkuNDMxQTEuNjQ3LDEuNjQ3LDAsMCwwLDEyLjUsNi41NDdsLjMuMzYxYS44MTMuODEzLDAsMCwxLS4xNzUsMS4yMjRsLS4zOS4yNjFhMS42NDUsMS42NDUsMCwwLDAtLjY1LDEuNDM2bC4wNi40NjhhLjgwOS44MDksMCwwLDEtLjguOTM2bC0uNDY4LjAwN2ExLjYyLDEuNjIsMCwwLDAtMS4zMTcuODU0bC0uMi40MjZhLjguOCwwLDAsMS0xLjE3Ni4zNDlsLS40LS4yNDlhMS42MTUsMS42MTUsMCwwLDAtMS41NjYsMGwtLjQuMjQ5YS44LjgsMCwwLDEtMS4xNzYtLjM0OWwtLjItLjQyNmExLjYyLDEuNjIsMCwwLDAtMS4zMTctLjg1NGwtLjQ2OC0uMDA3YS44MDguODA4LDAsMCwxLS44LS45MzZsLjA2LS40NjhhMS42MzksMS42MzksMCwwLDAtLjY1LTEuNDM2bC0uMzktLjI2MUEuODIuODIsMCwwLDEsLjIxLDYuOTA1bC4zLS4zNjFBMS42NTIsMS42NTIsMCwwLDAsLjczNSw0Ljk4TC41NDYsNC41NWEuODE0LjgxNCwwLDAsMSwuNTEtMS4xMjZsLjQ0Ny0uMTRBMS42MzMsMS42MzMsMCwwLDAsMi41MjcsMi4wOUwyLjYsMS42MjRBLjguOCwwLDAsMSwzLjYzLjk1NGwuNDUuMTI2YTEuNjEyLDEuNjEyLDAsMCwwLDEuNS0uNDQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUgLjUpIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQuMjMxLDcuOTgsMS40LDUuMTQ5LDIuNTgsMy45Nyw0LjIzMSw1LjYyMSw3LjY1MiwyLjJsMS4xOCwxLjE4LTQuNiw0LjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIi8+PC9zdmc+"); height: 14px; width: 14px; position: absolute; content: ''; display: block; display: inline-block; height: 14px; margin-left: 5px; top: 8px; width: 14px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log .ratings-log-communityname.ratings-log-is-byfollowee { color: #38a8e0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log .ratings-log-communityname.ratings-log-is-byemployee { color: #e00085; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log .ratings-log-communityname.ratings-log-is-byemployee::after { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZmlsbD0iI2VjMDA4YyIgc3Ryb2tlPSIjZDExYTg2IiBkPSJNNS44OTIuMjg2YS44LjgsMCwwLDEsMS4yMjcsMEw3LjQzLjYzOGExLjYxMiwxLjYxMiwwLDAsMCwxLjUuNDQ1bC40NS0uMTI2YS44LjgsMCwwLDEsMS4wMzEuNjdsLjA3MS40NjVhMS42MzMsMS42MzMsMCwwLDAsMS4wMjQsMS4xOTRsLjQ0Ny4xNGEuODEzLjgxMywwLDAsMSwuNTEsMS4xMjZsLS4xODkuNDMxQTEuNjQ3LDEuNjQ3LDAsMCwwLDEyLjUsNi41NDdsLjMuMzYxYS44MTMuODEzLDAsMCwxLS4xNzUsMS4yMjRsLS4zOS4yNjFhMS42NDUsMS42NDUsMCwwLDAtLjY1LDEuNDM2bC4wNi40NjhhLjgwOS44MDksMCwwLDEtLjguOTM2bC0uNDY4LjAwN2ExLjYyLDEuNjIsMCwwLDAtMS4zMTcuODU0bC0uMi40MjZhLjguOCwwLDAsMS0xLjE3Ni4zNDlsLS40LS4yNDlhMS42MTUsMS42MTUsMCwwLDAtMS41NjYsMGwtLjQuMjQ5YS44LjgsMCwwLDEtMS4xNzYtLjM0OWwtLjItLjQyNmExLjYyLDEuNjIsMCwwLDAtMS4zMTctLjg1NGwtLjQ2OC0uMDA3YS44MDguODA4LDAsMCwxLS44LS45MzZsLjA2LS40NjhhMS42MzksMS42MzksMCwwLDAtLjY1LTEuNDM2bC0uMzktLjI2MUEuODIuODIsMCwwLDEsLjIxLDYuOTA1bC4zLS4zNjFBMS42NTIsMS42NTIsMCwwLDAsLjczNSw0Ljk4TC41NDYsNC41NWEuODE0LjgxNCwwLDAsMSwuNTEtMS4xMjZsLjQ0Ny0uMTRBMS42MzMsMS42MzMsMCwwLDAsMi41MjcsMi4wOUwyLjYsMS42MjRBLjguOCwwLDAsMSwzLjYzLjk1NGwuNDUuMTI2YTEuNjEyLDEuNjEyLDAsMCwwLDEuNS0uNDQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUgLjUpIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQuMjMxLDcuOTgsMS40LDUuMTQ5LDIuNTgsMy45Nyw0LjIzMSw1LjYyMSw3LjY1MiwyLjJsMS4xOCwxLjE4LTQuNiw0LjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIi8+PC9zdmc+"); height: 14px; width: 14px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li a { text-decoration: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li a:hover { text-decoration: underline; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li button { margin-right: -7px; padding: 0; background: none; border: none; white-space: nowrap; color: currentColor; width: 30px; min-width: 30px; height: 29px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 15px 15px; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBhdGggZmlsbD0iIzM4YThlMCIgZD0iTTYuNTk5LDNINS4zOTl2Mi40SDNWNi42aDIuMzk5VjloMS4xOTlWNi42SDlWNS40SDYuNTk5VjN6IE02LDBDMi42ODcsMCwwLDIuNjg4LDAsNnMyLjY4Nyw2LDYsNiBjMy4zMTEsMCw2LTIuNjg4LDYtNlM5LjMxMSwwLDYsMHogTTYsMTAuODAxYy0yLjY0NiwwLTQuODAxLTIuMTU0LTQuODAxLTQuODAxUzMuMzU0LDEuMTk5LDYsMS4xOTkgYzIuNjQ1LDAsNC43OTksMi4xNTQsNC43OTksNC44MDFTOC42NDUsMTAuODAxLDYsMTAuODAxeiIvPjwvc3ZnPg=="); outline: none; cursor: pointer; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li button[disabled] { cursor: default; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBhdGggZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjMiIGQ9Ik02LjU5OSwzSDUuMzk5djIuNEgzVjYuNmgyLjM5OVY5aDEuMTk5VjYuNkg5VjUuNEg2LjU5OVYzeiBNNiwwQzIuNjg3LDAsMCwyLjY4OCwwLDZzMi42ODcsNiw2LDYgYzMuMzExLDAsNi0yLjY4OCw2LTZTOS4zMTEsMCw2LDB6IE02LDEwLjgwMWMtMi42NDYsMC00LjgwMS0yLjE1NC00LjgwMS00LjgwMVMzLjM1NCwxLjE5OSw2LDEuMTk5IGMyLjY0NSwwLDQuNzk5LDIuMTU0LDQuNzk5LDQuODAxUzguNjQ1LDEwLjgwMSw2LDEwLjgwMXoiLz48L3N2Zz4="); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log li button span { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log .ratings-log-loading { text-align: center; display: none; color: currentColor; font-size: 11px; margin: 8px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log .ratings-log-showmore { background: none rgba(255, 255, 255, 0.1); border: none; display: block; padding: 0; width: 100%; line-height: 40px; margin-top: 12px; color: currentColor; font-weight: 420; cursor: pointer; margin-bottom: 4px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings .ratings-adblockmock > svg { width: 75px; height: 10px; margin: 0 0 0 5px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice { position: absolute; top: 100%; margin-right: -10px; right: 0; width: 260px; font-size: 13px; background-color: #fff; line-height: 130%; box-sizing: border-box; background-repeat: no-repeat; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px; border-color: transparent transparent #fff; position: absolute; right: 41px; top: -6px; margin: 0 auto; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice > :last-child { margin-bottom: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice .ratings-adblocknotice-close { display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 0; margin: 0 !important; cursor: pointer; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHBvbHlnb24gZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSIxMi43MjgsMi4xMjEgMTAuNjA3LDAgNi4zNjQsNC4yNDIgMi4xMjEsMCAwLDIuMTIxIDQuMjQzLDYuMzYzIDAsMTAuNjA1IDIuMTIxLDEyLjcyNiA2LjM2NCw4LjQ4NCAxMC42MDcsMTIuNzI2IDEyLjcyOCwxMC42MDUgOC40ODUsNi4zNjMgIi8+PC9zdmc+"); background-size: 13px 13px; background-position: 50% 50%; background-repeat: no-repeat; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice .ratings-adblocknotice-close span { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-counts-empty { display: none !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice-upsidedown { top: auto; bottom: 30px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice-upsidedown::after { border-width: 7px 7px 0; border-color: #fff transparent transparent; top: auto; bottom: -6px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice-warning { background-color: #d03939; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM1LjM1NSwwSDE0LjY0NkwwLDE0LjY0NXYyMC43MDlMMTQuNjQ2LDUwaDIwLjcwOUw1MCwzNS4zNTRWMTQuNjQ1TDM1LjM1NSwweiBNNDYuNjY4LDMzLjk3NiBMMzMuOTc3LDQ2LjY2OEgxNi4wMjRMMy4zMzIsMzMuOTc2VjE2LjAyM0wxNi4wMjQsMy4zMzJoMTcuOTUzbDEyLjY5MSwxMi42OTFWMzMuOTc2eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNS41OTEsNDEuMDYxYy0wLjU2NiwwLTEuMTMxLDAtMS42OTksMCBjLTAuMjQ5LTAuMDQzLTAuNDg4LTAuMDgyLTAuNzM3LTAuMTI3Yy0zLjEzMi0wLjU1Ni01LjI4OC0yLjMyMS02LjM5OS01LjNjLTAuODExLTIuMjItMS4xNDUtNC41MzMtMS4xMi02Ljg5IGMwLjAxMy0xLjg1NSwwLjA2Mi0zLjY5OSwwLjEwNS01LjU1N2MwLjA1OC0yLjQ2MywwLjExOS00LjkyNCwwLjE4My03LjM4OGMwLjAyMi0wLjUyNywwLjI0OS0wLjk3LDAuNzQyLTEuMTk0IGMxLjAwOC0wLjQ3NCwyLjQyMiwwLjA1MiwyLjQwOSwxLjQzNGMtMC4wMzYsMi4yNzMtMC4wMDksNC41MzYtMC4wMDksNi44MDljMCwwLjM4MSwwLjEyMSwwLjU3MiwwLjM3NSwwLjU3OSBjMC4yNjQsMC4wMDcsMC4zODYtMC4xOSwwLjM4Ni0wLjU5OWMwLTAuODE1LDAtMS42NDUsMC0yLjQ3M2MwLTIuNDQ0LDAuMDAxLTQuODkzLTAuMDAyLTcuMzQxYzAtMC41NDcsMC4yLTEuMDA2LDAuNjc0LTEuMjkyIGMwLjYwNC0wLjM3OSwxLjIzNy0wLjM4OCwxLjg1NS0wLjA3YzAuNTgxLDAuMzAzLDAuNzcxLDAuODI1LDAuNzcxLDEuNDZjLTAuMDEsMy4wMDctMC4wMDMsNi0wLjAwMyw5LjAwNiBjMCwwLjA5Ni0wLjAwNywwLjE4MSwwLjAwMywwLjI3OGMwLjAzNCwwLjIxNSwwLjE2NiwwLjM0NywwLjM4NiwwLjM0N2MwLjIxOCwwLDAuMzQtMC4xMzksMC4zNzQtMC4zNDkgYzAuMDE0LTAuMTA4LDAuMDA5LTAuMjI1LDAuMDA5LTAuMzM3YzAtMy44NDksMC03LjcsMC0xMS41NDhjMC0wLjc2OCwwLjM3Mi0xLjI3MiwxLjEwOS0xLjUxNGMwLjA0OS0wLjAxLDAuMDk1LTAuMDMsMC4xNDQtMC4wNTkgYzAuMjk2LDAsMC41ODQsMCwwLjg3OSwwYzAuOTk2LDAuNDA1LDEuMTQ2LDAuNjI3LDEuMTQ2LDEuNzQzYzAsMy44MjIsMCw3LjY0NCwwLjAwMiwxMS40NjVjMCwwLjEyNC0wLjAzNiwwLjI1OSwwLjAyMiwwLjM0NCBjMC4wOTIsMC4xMjQsMC4yNDQsMC4zMDEsMC4zNzgsMC4zYzAuMTIyLTAuMDAyLDAuMjYyLTAuMTg2LDAuMzY4LTAuMzA1YzAuMDM0LTAuMDQ5LDAuMDE2LTAuMTU5LDAuMDE2LTAuMjQ2IGMwLTEuNjgxLDAtMy4zNiwwLTUuMDUyYzAtMS42MjYtMC4wMTEtMy4yNTcsMC4wMTQtNC44ODNjMC4wMjItMC45MzgsMC43MjEtMS41NCwxLjY5LTEuNTExYzAuOTU5LDAuMDIxLDEuNTc2LDAuNjM0LDEuNTc2LDEuNTcyIGMwLjAwMSwyLjE3OCwwLDQuMzQ1LDAsNi41MjFjMCwzLjU1NS0wLjAwNCw3LjEwNi0wLjAwNCwxMC42NTljMCwwLjAzNCwwLjAwNCwwLjA1OSwwLDAuMDk2Yy0wLjAwNiwwLjIxOSwwLjA2NywwLjM5LDAuMzAzLDAuNDUzIGMwLjI0MSwwLjA1NywwLjM4NS0wLjA4MywwLjQ3NC0wLjMwM2MwLjUzMS0xLjMzMiwxLjA2LTIuNjU2LDEuNjE1LTMuOTcyYzAuMjg0LTAuNzEsMC41ODItMS40MDgsMC45NDMtMi4wODIgYzAuNDU1LTAuODc5LDEuNDMtMS4xNDcsMi4zNzMtMC43MjZjMC44OTMsMC40MDgsMS4xNzgsMS4xMDYsMC44MiwyLjEzMmMtMS4xODYsMy40MDUtMi4zODEsNi44MTEtMy41NDksMTAuMjI5IGMtMC4yOTEsMC44MzMtMC43MTEsMS41NzctMS4yNiwyLjI1NGMtMS40NTYsMS43NzUtMy4zNzksMi43NTQtNS42MDYsMy4xNzlDMjYuNzY2LDQwLjkxNiwyNi4xNzUsNDAuOTc0LDI1LjU5MSw0MS4wNjF6Ii8+PC9zdmc+"); background-size: 40px 40px; background-position: 11px 11px; color: #fff; padding: 18px 18px 18px 61px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice-warning::after { border-color: transparent transparent #d03939; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice-warning.ratings-adblocknotice-upsidedown::after { border-color: #d03939 transparent transparent; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice-warning * { margin-top: 8px; margin-bottom: 8px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice-warning h2 { margin-top: 0; font-weight: 700 !important; font-size: 22px !important; line-height: 130% !important; text-transform: uppercase; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice-warning a { text-decoration: underline !important; color: #fff; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice-warning .ratings-adblocknotice-close { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgcG9pbnRzPSIxMi43MjgsMi4xMjEgMTAuNjA3LDAgNi4zNjQsNC4yNDIgMi4xMjEsMCAwLDIuMTIxIDQuMjQzLDYuMzYzIDAsMTAuNjA1IDIuMTIxLDEyLjcyNiA2LjM2NCw4LjQ4NCAxMC42MDcsMTIuNzI2IDEyLjcyOCwxMC42MDUgOC40ODUsNi4zNjMgIi8+PC9zdmc+"); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .large .ratings-log { font-size: 16px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost { color: inherit; font-family: STMatilda Info Variable, system-ui, sans-serif !important; font-size: 1rem; line-height: 1.4; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost a { color: currentColor; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-head { font-size: 0.8125rem; line-height: 1.1; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-communityname, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-follower, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-date { color: inherit; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-title, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-text { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-content.upost-deleted-by-user::before { display: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-content.upost-deleted-by-user .upost-text { padding: 30px; text-align: center; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-communityname { white-space: normal; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-usermenu a { color: transparent transparent #fff; color: var(--theme-ui-tint); } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-body a:link, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-body a:visited, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-body a:hover, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-body a:active { color: currentColor; text-decoration: underline; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-anniversary-badge { background: rgba(255, 255, 255, 0.4); color: #212121; font-size: 12px; line-height: 12px; padding: 8px 10px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools form:first-of-type { float: left; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools form:last-of-type { float: right; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools > a, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools button { color: currentColor; opacity: 0.8; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-share, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-report, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-ratedown, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-rateup { font-size: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .upost-tools .upost-toolstext { font-size: 13px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .admin-functions { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; background-color: var(--theme-background); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 120%; left: 100%; width: 260px; z-index: 11; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .admin-functions .x { background-color: #900; color: #fff; cursor: pointer; font-weight: bold; left: auto; position: static; text-align: center; top: auto; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .admin-functions .sticky { background-color: #e1e1e1; cursor: pointer; height: 24px; left: auto; position: static; text-align: center; top: auto; width: 24px; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .admin-functions .sticky.active { background-color: lime; /* stylelint-disable-line */ color: #000; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .admin-functions .statistics { background: #111; font-size: 10px; height: 24px; left: auto; line-height: 10px; position: static; top: auto; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .admin-functions .info { bottom: auto; height: initial; overflow: visible; padding-left: 4px; position: static; text-align: right; white-space: nowrap; width: auto; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .admin-functions .topposting-override { bottom: auto; font-size: 12px; margin-top: 8px; position: static; text-align: left; top: auto; white-space: nowrap; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost .admin-functions .topposting-override p { margin: 0; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost.is-sticky .ratings-log { z-index: 18; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-sharemenu ul { 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; z-index: 17; } @media (min-width: 960px) { .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-sharemenu ul { z-index: 17; } } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-sharemenu ul a { text-decoration: none; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-log, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .ratings-adblocknotice, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-usermenu ul { 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; z-index: 17; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .embedded-posting[data-loaded='false'] { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTMwIiB3aWR0aD0iMTAyNCIgeT0iMHB4IiB4PSIwcHgiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjMxIiBvcGFjaXR5PSIuMSIvPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9Ijk5IiB5PSIzMSIgb3BhY2l0eT0iLjA1Ii8+PC9zdmc+"); height: 130px; width: 1024px; max-height: 130px; max-width: 100%; width: auto; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] div > div > ul > li > 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; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] div > div > ul > li > a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } @media print { .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] div > div > ul > li > a:link::after, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] div > div > ul > li > a:visited::after { content: " [" attr(href) "] "; font-size: 0.8em; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] div > div > ul > li > a[href^='/']::after { content: " [http://www.derstandard.at" attr(href) "] "; } } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-embedded { clear: none; z-index: initial; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-embedded .upost-title, .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-embedded .upost-text { font-size: 0.9375rem !important; line-height: 1.3125rem !important; } .layout .story .story-article [data-section-type='html'] figure[data-provider='derstandard'] .upost-is-embedded.upost-is-truncated .upost-text { max-height: none; } .layout .story .story-article [data-section-type='html'] figure [data-sudoku-config] { display: none; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] { --component-name: 'editorial--figure-sudoku'; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-wrapper { border: 1px solid #222; box-sizing: border-box; box-sizing: content-box; color: #222; cursor: default; font-family: "STMatilda Info Variable", system-ui, sans-serif; position: relative; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-copyright { padding-top: 0.3125rem; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su { display: block; position: relative; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .clearfix::after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su input[type='text'] { color: transparent; outline: none; text-shadow: 0 0 0 #222; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field { border: 1px solid #999; border-bottom-width: 0; border-left-width: 0; box-sizing: border-box; box-sizing: border-box; display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; position: relative; width: calc(100% / 9); } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field.su-field-border-top { border-top: 1px solid #222; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field.su-field-border-right { border-right: 1px solid #222; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field.su-field-border-bottom { border-bottom: 1px solid #222; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field.su-field-border-left { border-left: 1px solid #222; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field.su-field-background { background-color: #ccc; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field .su-field-text { background-color: transparent; border-width: 0; box-sizing: border-box; height: 100%; padding: 0; position: absolute; text-align: center; width: 100%; z-index: 0; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field .su-field-text.su-field-text-given { color: #555; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field .su-field-memo { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field .su-field-memo > span { color: transparent; float: left; height: 33.33333%; text-align: center; width: 33.33333%; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field .su-field-memo > span.active, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field .su-field-memo:hover > span { background: transparent; color: #000; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field .su-field-memo:hover > span.active, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field .su-field-memo > span:hover { background-color: #000; color: #fff; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field.su-field-active-visible { background: #ddd; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field.su-field-active-invisible input { text-shadow: 0 0 0 #222; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su .su-field.su-error input { text-shadow: 0 0 0 #e41686; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su.su-paused .su-field-text { color: #999; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su.su-paused .su-field-memo { display: none; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su.su-paused .su-pause { background-color: #e41686; color: #fff; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su.su-show-errors .su-show-errors { background-color: #e41686; color: #fff; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-game-panel { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel { left: -1px; margin-top: 1px; right: -1px; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel::after, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel::after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-message-panel { background-color: rgba(228, 22, 134, 0.85); bottom: 0; display: none; left: -1px; position: absolute; right: -1px; top: 0; z-index: 1; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-message-panel .su-message-panel-wrapper { background-color: rgba(34, 34, 34, 0.9); bottom: 20%; box-sizing: border-box; color: #fff; font-size: 1em; left: -1px; padding: 0.2em; padding: 1em; position: absolute; position: relative; right: -1px; top: 20%; z-index: 2; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-message-panel .su-message-panel-wrapper .su-message-panel-header { font-size: 2.2em; line-height: 2.6em; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-message-panel .su-message-panel-wrapper .su-message-panel-footer { margin: 1.4em 0; text-align: left; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-message-panel .su-message-panel-wrapper .su-message-panel-footer button { background-color: #e41686; border: 0 none; color: #fff; font-size: 1.2em; padding: 0.4em 1.4em; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel { background-color: #222; color: #fff; font-size: 100%; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel button { background-color: transparent; border: transparent 0 none; cursor: hand; display: inline-block; transition: all 90ms; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel button:hover { background-color: #2f2f2f; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel button:active { background-color: #151515; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-back, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-timer, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-pause, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-show-errors, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-check, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-print, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-reset, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-solve { box-shadow: none; color: #fff; max-width: 11.11111%; outline: none; position: absolute; text-align: center; width: 11.11111%; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-timer, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-pause { left: 33.33333%; max-width: 33.33333%; width: 33.33333%; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-check, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-solve { right: 0; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-show-errors { right: 11.11111%; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-reset { left: 11.11111%; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-back, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-options-panel .su-print { left: 0; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel { background-color: #222; color: #fff; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel.off { display: none; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel::after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel .su-touch-set { color: #fff; position: relative; text-align: center; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel .su-touch-set > small { bottom: 0.5em; color: #fff; font-size: 50%; line-height: 50%; position: absolute; right: 0.25em; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel .su-touch-set.active { /* color: #fff; background-color: #e41686; */ background-color: #ccc; color: #222; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel .su-touch-set.active::after { border-width: 0 12px 6px; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel .su-touch-memo { background-color: #999; border-color: #999; color: #fff; position: relative; text-align: center; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel .su-touch-memo::after { border-color: transparent transparent #222; border-style: solid; border-width: 0 0.4em 0.2em; bottom: -1px; content: ''; height: 0; left: 1.15em; position: absolute; width: 0; z-index: 1; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel .su-touch-memo.active { /* color: #fff; background-color: #e41686; */ background-color: #ccc; color: #222; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel .su-touch-memo.active::after { border-width: 0 0.4em 0.4em; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-touch-panel .su-touch-memo.active-set::after { border-color: transparent transparent #ccc; border-width: 0 0.5em 0.4em; left: 1.05em; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-start-screen { background-color: #fff; color: #222; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-start-screen > div { padding: 10px; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-start-screen button { background-color: rgba(0, 0, 0, 0.05); border: 1px solid currentColor; border-radius: 5px; color: #555; display: block; font-size: 2rem; min-height: 100px; outline: none; text-align: center; width: 100%; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-start-screen button:hover, .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-start-screen button:focus { background-color: rgba(0, 0, 0, 0.1); color: #000; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] .su-start-screen button:active { background-color: #555; color: #ddd; } .layout .story .story-article [data-section-type='html'] figure [id='sudoku'] iframe[id='su-print-target'] { position: absolute; z-index: -1; } .layout .story .story-article [data-section-type='image'] { --component-name: "editorial--storysection-image"; } .layout .story .story-article [data-section-type='image'] figure[data-type='image'] { /* stylelint-disable-line selector-no-qualifying-type */ --component-name: 'editorial--figure-image'; } @media print { .layout .story .story-article [data-section-type='image'] figure[data-type='image'] { display: block; page-break-inside: avoid; position: static; } } .layout .story .story-article [data-section-type='image'] figure[data-type='image'] > div { background-color: rgba(0, 0, 0, 0.05); } .layout .story .story-article [data-section-type='image'] figure[data-type='image'] picture { display: block; min-height: 100px; position: relative; } .layout .story .story-article [data-section-type='image'] figure[data-type='image'] picture::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA1MCI+PHBhdGggZD0iTTUwLjIgMzkuNGMtMTMuMyAwLTI2LjUgMC0zOS44IDAgNC4zLTQuNSA4LjYtOSAxMi45LTEzLjUgMS41IDEuNCAzIDIuOSA0LjUgNC4zIDIuOC0zLjkgNS41LTcuOCA4LjMtMTEuOEM0MC44IDI1LjQgNDUuNCAzMi40IDUwLjIgMzkuNHpNMTUuMyAyM2MtMi45IDAtNS4yLTIuMy01LjItNS4yIDAtMi44IDIuMy01LjEgNS4yLTUuMiAyLjkgMCA1LjIgMi4zIDUuMiA1LjJDMjAuNSAyMC42IDE4LjIgMjMgMTUuMyAyM3oiIC8+PHBhdGggZD0iTTAsMHY1MGg2MFYwSDB6IE01NSw0NUg1VjVoNTBWNDV6IiAvPjwvc3ZnPg=="); height: 50px; width: 60px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 0.3; } @media print { .layout .story .story-article [data-section-type='image'] figure[data-type='image'] picture::before { display: none; } } .layout .story .story-article [data-section-type='image'] figure[data-type='image'] .figure-fullscreen-trigger { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; border-radius: 0; bottom: 0; box-shadow: none; cursor: pointer; height: 100%; left: 0; padding: 0; position: absolute !important; right: 0; top: 0; width: 100%; z-index: 2; } @media print { .layout .story .story-article [data-section-type='image'] figure[data-type='image'] .figure-fullscreen-trigger { display: none; } } .layout .story .story-article [data-section-type='image'] figure[data-type='image'] .figure-fullscreen-trigger::before { right: 20px; top: 20px; background-color: rgba(0, 0, 0, 0.1); background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCI+PHBhdGggZD0iTTExLjY1IDI3aC0uMDdhLjYzLjYzIDAgMCAxLS4zOC0uMTcuNjUuNjUgMCAwIDEtLjItLjQ3di00LjlhLjY1LjY1IDAgMCAxIC42NS0uNjUuNjUuNjUgMCAwIDEgLjY1LjY1djMuMzRsNC42MS00LjYyYS42NS42NSAwIDAgMSAuOTIgMCAuNjUuNjUgMCAwIDEgMCAuOTJMMTMuMiAyNS43aDMuMzRhLjY1LjY1IDAgMCAxIC42NS42NS42NS42NSAwIDAgMS0uNjUuNjV6bTguNTMtOS4xOGEuNjQuNjQgMCAwIDEgMC0uOTFsNC42MS00LjYyaC0zLjM0YS42NS42NSAwIDAgMS0uNjQtLjY0LjY1LjY1IDAgMCAxIC42NC0uNjVoNC45YS42NC42NCAwIDAgMSAuNDYuMTkuNjUuNjUgMCAwIDEgLjA5LjF2LjAxYS42NS42NSAwIDAgMSAuMS4zNHY0LjlhLjY1LjY1IDAgMCAxLS42NS42NS42NS42NSAwIDAgMS0uNjUtLjY1VjEzLjJsLTQuNjEgNC42MmEuNjQuNjQgMCAwIDEtLjQ2LjE5LjY0LjY0IDAgMCAxLS40NS0uMTl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); border-radius: 50%; content: ''; height: 38px; position: absolute !important; right: var(--grid-column); top: var(--grid-column); transition: box-shadow 0.25s; width: 38px; } .layout .story .story-article [data-section-type='image'] figure[data-type='image'] .figure-fullscreen-trigger:hover::before { background-color: #e00085; background-color: var(--theme-primarydeco); 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; z-index: 0; } .layout .story .story-article [data-section-type='image'] figure[data-type='image'] .figure-placeholder { background-color: rgba(0, 0, 0, 0.05); display: block; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; min-height: 200px; position: relative; } .layout .story .story-article [data-section-type='image'] figure[data-type='image'] .figure-placeholder p { font-size: 0.8125rem; line-height: 150%; margin: 0; opacity: 0.7; padding: 0; position: absolute; text-align: center; text-transform: uppercase; top: calc(50% - 0.5em); width: 100%; } .layout .story .story-article [data-section-type='image'] figure[data-type='image'] img { display: block; position: relative; width: 100%; z-index: 1; } @media print { .layout .story .story-article [data-section-type='image'] figure[data-type='image'] img { height: auto; width: 60%; } } @media print { .layout .story .story-article [data-section-type='image'] { display: block; position: static; } .layout .story .story-article [data-section-type='image'] > div { display: block; position: static; } } .layout .story .story-article [data-section-type='newsletter'] { --component-name: "editorial--storysection-newsletter"; } @media print { .layout .story .story-article [data-section-type='newsletter'] { display: none; } } .layout .story .story-article [data-section-type='newsletter'] iframe { background-color: transparent; border-radius: 5px; border-width: 0; min-height: 320px; overflow: hidden; width: 100%; } .layout .story .story-article [data-section-type='quote'] { --component-name: "editorial--storysection-quote"; } .layout .story .story-article [data-section-type='quote'] figure[data-type='quote'] { /* stylelint-disable-line selector-no-qualifying-type */ --component-name: 'editorial--figure-quote'; --cite-fontsize: 1.125rem; --cite-lineheight: 1.75rem; --quote-fontsize: 1.125rem; --quote-lineheight: 1.75rem; --quote-padding: var(--grid-gap) 0; --quote-textalign: center; } .layout .story .story-article [data-section-type='quote'] figure[data-type='quote'] blockquote { font-family: "STMatilda Text Variable", system-ui, serif; font-size: var(--quote-fontsize); font-style: italic; line-height: var(--quote-lineheight); margin: 0; padding: var(--quote-padding); text-align: var(--quote-textalign); } .layout .story .story-article [data-section-type='quote'] figure[data-type='quote'] blockquote strong { display: block; font-family: "STMatilda Info Variable", system-ui, sans-serif; font-size: var(--cite-fontsize); font-weight: 700; line-height: var(--cite-lineheight); margin-top: 8px; } @media (min-width: 960px) { .layout .story .story-article [data-section-type='quote'] figure[data-type='quote'] { --quote-padding: calc(var(--grid-column) + var(--grid-gap)) calc(var(--grid-column) * 2 + var(--grid-gap)); } .layout .story .story-article [data-section-type='quote'][data-size='large']:not([data-position='auto']) figure[data-type='quote'] { --quote-fontsize: 1.5625rem; --quote-lineheight: 2.1875rem; --quote-padding: calc(var(--grid-column) + var(--grid-gap)) calc(var(--grid-column) * 2 + var(--grid-gap) * 2); } .layout .story .story-article [data-section-type='quote'][data-position='left']:not([data-size='auto']) { --quote-padding: 0 calc(var(--grid-column) + var(--grid-gap)); --quote-textalign: right; } .layout .story .story-article [data-section-type='quote'][data-position='left']:not([data-size='auto']) blockquote strong { margin-top: 1px; } .layout .story .story-article [data-section-type='quote'][data-position='left']:not([data-size='auto']) blockquote::before, .layout .story .story-article [data-section-type='quote'][data-position='left']:not([data-size='auto']) blockquote::after { background-color: #212121; background-color: var(--theme-primarytint); content: ''; display: block; height: 4px; opacity: 0.1; -webkit-transform: skew(-12deg); transform: skew(-12deg); width: calc(var(--grid-column) * 2 + var(--grid-gap)); } .layout .story .story-article [data-section-type='quote'][data-position='left']:not([data-size='auto']) blockquote::before, .layout .story .story-article [data-section-type='quote'][data-position='left']:not([data-size='auto']) blockquote::after { margin: 12px 0 12px auto; } .layout .story .story-article [data-section-type='quote'][data-position='right']:not([data-size='auto']) { --quote-padding: 0 calc(var(--grid-column) + var(--grid-gap)); --quote-textalign: left; } .layout .story .story-article [data-section-type='quote'][data-position='right']:not([data-size='auto']) blockquote strong { margin-top: 1px; } .layout .story .story-article [data-section-type='quote'][data-position='right']:not([data-size='auto']) blockquote::before, .layout .story .story-article [data-section-type='quote'][data-position='right']:not([data-size='auto']) blockquote::after { background-color: #212121; background-color: var(--theme-primarytint); content: ''; display: block; height: 4px; opacity: 0.1; -webkit-transform: skew(-12deg); transform: skew(-12deg); width: calc(var(--grid-column) * 2 + var(--grid-gap)); } .layout .story .story-article [data-section-type='quote'][data-position='right']:not([data-size='auto']) blockquote::before, .layout .story .story-article [data-section-type='quote'][data-position='right']:not([data-size='auto']) blockquote::after { margin: 12px 0; } } .layout .story .story-article [data-section-type='supplemental'] { --component-name: "editorial--storysection-supplemental"; } .layout .story .story-article [data-section-type='supplemental'] > div > div { background-color: rgba(0, 0, 0, 0.05); font-family: "STMatilda Info Variable", system-ui, sans-serif; font-size: 1.0625rem; max-width: calc(100% - 1.5rem); padding: 0.75rem; } @media (min-width: 960px) { .layout .story .story-article [data-section-type='supplemental'] > div > div { padding: var(--single-column-and-gap); } } @media print { .layout .story .story-article [data-section-type='supplemental'] > div > div { background: none !important; border: 1px solid #ccc; } } .layout .story .story-article [data-section-type='supplemental'] > div > div [data-section-type][data-position][data-size] { --storysection-clear: both; --storysection-margin: 1em 0; --storysection-width: auto; } .layout .story .story-article [data-section-type='supplemental'] > div > div h3 { font-size: 1.0625rem; line-height: 1.3; margin-top: 1rem; } .layout .story .story-article [data-section-type='supplemental'] > div > div > p:first-of-type { margin-top: 0; } .layout .story .story-article [data-section-type='supplemental'] > div > div > :first-child { margin-top: 0; } .layout .story .story-article [data-section-type='supplemental'] > div > div > hr:first-child { display: none; } .layout .story .story-article [data-section-type='supplemental'] > div > div > hr:first-child + * { margin-top: 0; } .layout .story .story-article [data-section-type='supplemental'] > div > div > p:last-child, .layout .story .story-article [data-section-type='supplemental'] > div > div > ul:last-child { margin-bottom: 1rem; } .layout .story .story-article [data-section-type='supplemental'] > div > div > *:last-child { margin-bottom: 0 !important; } .layout .story .story-article [data-section-type='video'] { --component-name: "editorial--storysection-video"; } .layout .story .story-article [data-section-type='video'] figure[data-type='video'] { /* stylelint-disable-line selector-no-qualifying-type */ --component-name: 'editorial--figure-video'; } .layout .story .story-article [data-section-type='video'] figure[data-type='video'] > div { line-height: 0; overflow: visible !important; position: relative; } .layout .story .story-article [data-section-type='video'] figure[data-type='video'] > div[data-embed-loaded='true']:not(:has(.dailymotion-player-root)) > div:first-of-type { display: block; font-size: 0; height: 100%; line-height: 0; overflow: hidden; padding-bottom: calc(100% / (1.77778)); position: relative; width: 100%; } .layout .story .story-article [data-section-type='video'] figure[data-type='video'] > div[data-embed-loaded='true']:not(:has(.dailymotion-player-root)) > div:first-of-type > *:first-child { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .layout .story .story-article [data-section-type='video'] figure[data-type='video'] > div[data-embed-loaded='true']:not(:has(.dailymotion-player-root)) .js-embed-output { height: auto !important; } .layout .story .story-article [data-section-type='video'] figure[data-type='video'] > div .blocked-media-placeholder .placeholder { width: 100%; } .layout .story .story-article [data-section-type='video'] figure[data-type='video'] > div[data-embed-loaded='true']::before { /* stylelint-disable-line selector-no-qualifying-type */ background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjggNDgiPjxzeW1ib2wgaWQ9ImMiIHZpZXdCb3g9IjAgLTQ4IDY4IDQ4Ij48cGF0aCBmaWxsPSIjZjRmNGY0IiBkPSJNMjcgLTMyLjdMNDUuNCAtMjMuMiAyNyAtMTMuNiAyNyAtMzIuNyIvPjxwYXRoIGZpbGw9IiNkY2RiZGMiIGQ9Ik00My4xIC0yNC40TDQzLjEgLTI0LjQgNDUuNCAtMjMuMiA0My4xIC0yNC40Ii8+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBMNjggMCA2OCAtNDcuOCAwIC00Ny44eiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9ImIiPjx1c2Ugb3ZlcmZsb3c9InZpc2libGUiIHhsaW5rOmhyZWY9IiNhIi8+PC9jbGlwUGF0aD48cGF0aCBmaWxsPSIjZGNkYmRjIiBkPSJNNDMuMSAtMjQuNEwyNyAtMTMuNiA0NS40IC0yMy4yIDQzLjEgLTI0LjQiIGNsaXAtcGF0aD0idXJsKCNiKSIvPjxwYXRoIGZpbGw9IiMzMjMxMmUiIGQ9Ik0yNy0zMi43bDAsMTkuMWwxOC40LTkuNkwyNy0zMi43TDI3LTMyLjd6IE02Ny4zLTEwLjRjMCwwLTAuNyw0LjctMi43LDYuOGMtMi42LDIuNy01LjUsMi43LTYuOCwyLjkgQzQ4LjMsMCwzNCwwLDM0LDBoMGMwLDAtMTQuMywwLTIzLjgtMC43QzguOS0wLjgsNi0wLjksMy40LTMuNmMtMi0yLjEtMi43LTYuOC0yLjctNi44UzAtMTUuOSwwLTIxLjR2LTUuMmMwLTUuNSwwLjctMTEsMC43LTExIHMwLjctNC43LDIuNy02LjhjMi42LTIuNyw2LTIuNiw3LjUtMi45QzE2LjMtNDcuOCwzNC00OCwzNC00OHMxNC4zLDAsMjMuOCwwLjdjMS4zLDAuMiw0LjIsMC4yLDYuOCwyLjljMiwyLjEsMi43LDYuOCwyLjcsNi44IHMwLjcsNS41LDAuNywxMXY1LjJDNjgtMTUuOSw2Ny4zLTEwLjQsNjcuMy0xMC40TDY3LjMtMTAuNHoiIGNsaXAtcGF0aD0idXJsKCNiKSIvPjwvc3ltYm9sPjx1c2Ugd2lkdGg9IjY4IiBoZWlnaHQ9IjQ4IiB5PSItNDgiIG92ZXJmbG93PSJ2aXNpYmxlIiB0cmFuc2Zvcm09InNjYWxlKDEgLTEpIiB4bGluazpocmVmPSIjYyIvPjwvc3ZnPg=="); height: 48px; width: 68px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 0.3; } .layout .story .story-article [data-section-type='video'] figure[data-type='video'] iframe { height: 100%; width: 100%; } @media print { .layout .story .story-article [data-section-type='video'] figure[data-type='video'] { color-adjust: exact !important; max-width: 60% !important; -webkit-print-color-adjust: exact !important; } .layout .story .story-article [data-section-type='video'] figure[data-type='video'] > div[data-embed-loaded='true']::before { left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .layout .story .story-article [data-section-type='video'] figure[data-type='video'] > div[data-embed-loaded='true'] > div { padding-bottom: 50px !important; } .layout .story .story-article [data-section-type='video'] figure[data-type='video'] > div[data-embed-loaded='true'] > div iframe { display: none; } } .layout .story .story-article.video-article { --w1-kicker: 600 0.875rem/1.5 STMatilda Info Variable, system-ui, sans-serif; --w1-title: 750 1.5rem/1.1 STMatilda Info Variable, system-ui, sans-serif; --w1-subtitle: 420 1.125rem/1.4 STMatilda Info Variable, system-ui, sans-serif; --w1-byline: 420 0.875rem/1.2 STMatilda Info Variable, system-ui, sans-serif; } @media (min-width: 768px) { .layout .story .story-article.video-article { --w1-title: 750 1.625rem/1.1 STMatilda Info Variable, system-ui, sans-serif; } } @media (min-width: 960px) { .layout .story .story-article.video-article .article-header header { max-width: 100%; } } .layout .story .story-article.video-article .article-header header > div[data-section-type='video'] { margin-left: 0; width: 100%; } .layout .story .story-article.video-article .article-header header > div[data-section-type='video'] .blocked-media-placeholder { --placeholder-bg: #212121; --placeholder-txt: #fff; --placeholder-button-bg: rgba(255, 255, 255, 0.25); --placeholder-button-hoverbg: rgba(255, 255, 255, 0.5); padding-bottom: calc(100% / (16 / 9)); padding-top: 0; position: static; } .layout .story .story-article.video-article .article-header header > div[data-section-type='video'] .blocked-media-placeholder .placeholder, .layout .story .story-article.video-article .article-header header > div[data-section-type='video'] .blocked-media-placeholder .info { left: 8px; position: absolute; right: 8px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .layout .story .story-article.video-article .article-header header > div[data-section-type='video'] .blocked-media-placeholder .placeholder a, .layout .story .story-article.video-article .article-header header > div[data-section-type='video'] .blocked-media-placeholder .info a { color: inherit; } .layout .story .story-article.video-article .article-header header > div[data-section-type='video'] .blocked-media-placeholder .info-toggle::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjgsMCwwLDAuOCwtMS42LC0xLjYpIj48cGF0aCBkPSJNMTEsOUwxMyw5TDEzLDdMMTEsN00xMiwyMEM3LjU5LDIwIDQsMTYuNDEgNCwxMkM0LDcuNTkgNy41OSw0IDEyLDRDMTYuNDEsNCAyMCw3LjU5IDIwLDEyQzIwLDE2LjQxIDE2LjQxLDIwIDEyLDIwTTEyLDJDNi41MTQsMiAyLDYuNTE0IDIsMTJDMiwxNy40ODYgNi41MTQsMjIgMTIsMjJDMTcuNDg2LDIyIDIyLDE3LjQ4NiAyMiwxMkMyMiw2LjUxNCAxNy40ODYsMiAxMiwyTTExLDE3TDEzLDE3TDEzLDExTDExLDExTDExLDE3WiIgZmlsbD0iI2ZmZmZmZiIvPjwvZz48L3N2Zz4="); height: 16px; width: 16px; } @media (min-width: 960px) { .dst-app-header .layout .story .story-article.video-article .article-header header { margin-left: 0; } .dst-app-header .layout .story .story-article.video-article .article-header header > div:not([data-section-type='video']) { margin-left: var(--story-negativespace); max-width: var(--story-width); } } .layout .story .story-article.video-article .article-header .article-kicker { margin-bottom: 6px; } .layout .story .story-article.video-article .article-header .article-title { margin-bottom: 8px; } .layout .story .story-article.video-article .article-header .article-byline, .layout .story .story-article.video-article .article-header .article-meta { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .layout .story .story-article.video-article .article-header .article-byline { margin-bottom: 0; } .layout .story .story-article.video-article .article-header .article-subtitle { margin-top: 16px; } .layout .story .story-article.video-article .article-body details { margin: 0; max-width: none; } .layout .story .story-article.video-article .article-body details > * { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 615px; max-width: var(--story-width); } .layout .story .story-article.video-article .article-body details > summary { cursor: pointer; font-size: 0.875rem; font-weight: bold; letter-spacing: 1px; opacity: 0.8; text-transform: uppercase; } .layout .story .story-article.video-article .article-body details > summary:focus { outline: none; } .layout .story .story-article.podcast-article { --w1-title: 750 1.75rem/1 STMatilda Info Variable, system-ui, sans-serif; --w1-byline: 420 0.875rem/1.2 STMatilda Info Variable, system-ui, sans-serif; } @media (min-width: 960px) { .layout .story .story-article.podcast-article { --w1-title: 750 2rem/1 STMatilda Info Variable, system-ui, sans-serif; } } .layout .story .story-article.podcast-article .article-header header > div[data-section-type='html'] { margin: 0; max-height: unset !important; max-width: unset; width: 100%; } .layout .story .story-article.podcast-article .article-header header > div[data-section-type='html'] > div, .layout .story .story-article.podcast-article .article-header header > div[data-section-type='html'] > div > figure, .layout .story .story-article.podcast-article .article-header header > div[data-section-type='html'] > div > figure > div, .layout .story .story-article.podcast-article .article-header header > div[data-section-type='html'] > div > figure > div > div { height: 100%; } .layout .story .story-article.podcast-article .article-header header:not(:has(.blocked-media-placeholder)) > div[data-section-type='html'] + div { clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } .layout .story .story-article.podcast-article .article-header .article-byline, .layout .story .story-article.podcast-article .article-header .article-meta { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .layout .story .story-article.podcast-article .article-header .article-byline { margin-bottom: 0; } .layout .story .story-article.podcast-article .article-header .article-subtitle { margin-bottom: 8px; margin-top: 16px; } .layout .story .story-article.podcast-article .article-body details { margin: 0; max-width: none; } .layout .story .story-article.podcast-article .article-body details > * { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 615px; max-width: var(--story-width); } .layout .story .story-article.podcast-article .article-body details > summary { cursor: pointer; font-size: 0.875rem; font-weight: bold; letter-spacing: 1px; opacity: 0.8; text-transform: uppercase; } .layout .story .story-article.podcast-article .article-body details > summary:focus { outline: none; } .layout .story .story-tool { --component-name: 'editorial--story--tools'; display: none; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin: auto; max-width: var(--story-width); } @media (min-width: 960px) { .layout .story .story-tool { --background: var(--theme-background); --radius: 6px; --tint: var(--theme-primarytint); display: block; font-family: "STMatilda Info Variable", system-ui, sans-serif; opacity: 1; transition: opacity 100ms linear; } .layout .story .story-tool h3 { display: none; } .layout .story .story-tool ul { display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0; position: relative; } .layout .story .story-tool li { border-radius: var(--radius); box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; white-space: nowrap; width: 42px; } .layout .story .story-tool li[hidden] { display: none; } .no-touchevents .layout .story .story-tool li:hover { display: block; width: auto; } .no-touchevents .layout .story .story-tool li:hover .story-tool-button > span:first-of-type { display: inline; opacity: 0; } .layout .story .story-tool > ul { background: none; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: -webkit-sticky; position: sticky; top: 130px; } .layout .story .story-tool .story-tool-button { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: var(--background); border: 0; border-radius: var(--radius); box-sizing: border-box; color: var(--tint); cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 0.75rem; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0; min-height: 38px; min-width: 38px; overflow: visible; padding: 6px; text-decoration: none; } .layout .story .story-tool .story-tool-button[hidden] { display: none; } .no-touchevents .layout .story .story-tool .story-tool-button:hover { --background: rgba(0, 0, 0, 0.1); } .layout .story .story-tool .story-tool-button:focus { outline: none; } .layout .story .story-tool .story-tool-button > span { display: none; margin: 0 7px 0 3px; -webkit-transform: translateY(1px); transform: translateY(1px); } .layout .story .story-tool .story-tool-button svg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 30px; width: 30px; } .layout .story .story-tool .story-tool-forum .story-tool-button > span:last-of-type { display: inline; font-size: 0.9375rem; } .layout .story .story-tool .story-tool-forum .story-tool-button > span:last-of-type:empty { display: none; } .layout .story .story-tool .story-tool-forum .story-tool-button > span:last-of-type span { display: none; } .layout .story .story-tool .story-tool-forum .story-tool-button .icon-postings-v2 { display: none; } .layout .story .story-tool.collided { opacity: 0; } .no-touchevents .layout .story .story-tool:hover li { width: auto; } .layout .story .story-tool .story-tool-share .story-tool-socialshare { display: none; } .no-touchevents .layout .story .story-tool .story-tool-sharetwitter .story-tool-button:hover svg, .no-touchevents .layout .story .story-tool .story-tool-sharex .story-tool-button:hover svg, .no-touchevents .layout .story .story-tool .story-tool-sharebluesky .story-tool-button:hover svg, .no-touchevents .layout .story .story-tool .story-tool-sharefacebook .story-tool-button:hover svg, .no-touchevents .layout .story .story-tool .story-tool-sharewhatsapp .story-tool-button:hover svg { fill: #fff; } .no-touchevents .layout .story .story-tool .story-tool-sharetwitter .story-tool-button:hover { --background: #0095d2; } .no-touchevents .layout .story .story-tool .story-tool-sharex .story-tool-button:hover { --background: #000; } .no-touchevents .layout .story .story-tool .story-tool-sharebluesky .story-tool-button:hover { --background: #329aff; } .no-touchevents .layout .story .story-tool .story-tool-sharefacebook .story-tool-button:hover { --background: #3b5980; } .no-touchevents .layout .story .story-tool .story-tool-sharewhatsapp .story-tool-button:hover { --background: #25b266; } .layout .story .story-tool .story-tool-button { --background: none; border: 2px solid transparent; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 4px; } .no-touchevents .layout .story .story-tool .story-tool-button:hover { --background: var(--theme-primarydeco); --tint: var(--theme-secondarydeco); border-color: var(--theme-background); } .no-touchevents .layout .story .story-tool .story-tool-button:hover > span:first-of-type { display: inline !important; opacity: 1 !important; } .layout .story .story-tool .story-tool-socialshare-menu > ul { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout .story .story-tool .story-tool-forum { -webkit-order: -1; -ms-flex-order: -1; order: -1; position: static; } .layout .story .story-tool .story-tool-forum .story-tool-button > span:last-of-type { font-size: 1.125rem; font-weight: bold; } .layout .story .story-tool .story-tool-forum .story-tool-button > span:last-of-type span { display: inline; font-size: 0.75rem; font-weight: 420; } .no-touchevents .layout .story .story-tool .story-tool-forum .story-tool-button:hover > span:last-of-type { display: none; } .no-touchevents .layout .story .story-tool .story-tool-forum .story-tool-button:hover > span:first-of-type { display: inline; } } @media (min-width: 960px) { .layout .story .story-tool { height: 100%; left: -10px; position: absolute; top: 0; } } @media print { .layout .story .story-tool { display: none; } } .layout .story-recommended { grid-column: content / span 4; min-width: 100%; } .layout .story-recommended:not(.taboola) { margin: 30px calc(var(--site--core-margin-right) * -1) 30px calc(var(--site--core-margin-left) * -1); -webkit-overflow-scrolling: touch; overflow-x: auto; position: relative; } @media (min-width: 960px) { .layout .story-recommended:not(.taboola) { margin: 30px 0; overflow-x: visible; } } .layout .story-recommended:not(.taboola) > div { --template-columns: [content] repeat(12, 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); margin-top: var(--column); max-width: 1245px; position: relative; width: calc(100vw * 3); } @supports not (display: grid) { .layout .story-recommended:not(.taboola) > div > * { margin-bottom: var(--row-gap, var(--gap)) !important; } } @media print { .layout .story-recommended:not(.taboola) > div { display: block; position: relative; } } @supports not (display: grid) { .layout .story-recommended:not(.taboola) > div { display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout .story-recommended:not(.taboola) > div article { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; } } @media (max-width: 959.9px) { .layout .story-recommended:not(.taboola) > div { --gap: 0; background: rgba(0, 0, 0, 0.05); padding: 10px; } } @media (min-width: 960px) { .layout .story-recommended:not(.taboola) > div { max-width: none; width: auto; } } @media (min-width: 960px) { .layout .story-recommended:not(.taboola) > div::before { background: rgba(0, 0, 0, 0.05); border-radius: 6px; content: ''; display: block; height: 100%; padding: var(--gap); position: absolute; -webkit-transform: translateX(calc(var(--gap) * -1)) translateY(calc(var(--gap) * -1)); transform: translateX(calc(var(--gap) * -1)) translateY(calc(var(--gap) * -1)); width: 100%; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout .story-recommended:not(.taboola) > * { margin-left: auto !important; margin-right: auto !important; max-width: 615px !important; } } .layout .story-recommended:not(.taboola).story-recommended-top { margin-top: 0; } .layout .story-recommended:not(.taboola) > h1 { -webkit-align-self: end; -ms-flex-item-align: end; align-self: end; font-size: 1.125rem; font-weight: 420; grid-column: auto / span 12; left: var(--site--core-padding); line-height: 1.75rem; margin: 0 var(--site--core-padding); position: -webkit-sticky; position: sticky; } @media (min-width: 768px) and (max-width: 959.9px) { .layout .story-recommended:not(.taboola) > h1 { padding-left: var(--site--core-margin-left); } } @media (min-width: 768px) { .layout .story-recommended:not(.taboola) > h1 { left: 0; margin: 0; } } @media (min-width: 960px) { .layout .story-recommended:not(.taboola) > h1 { position: relative; } } .layout .story-recommended:not(.taboola) 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); --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; grid-column: auto / span 3; grid-row: 1; --tile-border-width: 0 !important; } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article { --w4-title: 800 1.4375rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; } } @media (min-width: 1690px) { .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article .teaser-inner { color: var(--tile-secondarytint); position: relative; } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article .teaser-inner > div > a { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article div.teaser-inner { padding: 0; } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article figure .duration::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxOSI+PHBhdGggZD0iTTkuNSAxNS44MzNBNi4zMzMgNi4zMzMgMCAxIDEgMTUuODMzIDkuNSA2LjM0MiA2LjM0MiAwIDAgMSA5LjUgMTUuODMzbTAtMTQuMjVBNy45MTcgNy45MTcgMCAxIDAgMTcuNDE3IDkuNSA3LjkxNyA3LjkxNyAwIDAgMCA5LjUgMS41ODNNNy45MTYgMTMuMDYybDQuNzUtMy41NjMtNC43NS0zLjU2MloiIHN0eWxlPSJmaWxsOiB2YXIoLS10aGVtZS1wcmltYXJ5ZGVjbywgI2ZmZmZmZikiLz48L3N2Zz4="); height: 19px; width: 19px; } .layout .story-recommended:not(.taboola) article figure img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .layout .story-recommended:not(.taboola) article figure footer, .layout .story-recommended:not(.taboola) article figure figcaption { display: none; } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article header .duration::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxOSI+PHBhdGggZD0iTTkuNSAxNS44MzNBNi4zMzMgNi4zMzMgMCAxIDEgMTUuODMzIDkuNSA2LjM0MiA2LjM0MiAwIDAgMSA5LjUgMTUuODMzbTAtMTQuMjVBNy45MTcgNy45MTcgMCAxIDAgMTcuNDE3IDkuNSA3LjkxNyA3LjkxNyAwIDAgMCA5LjUgMS41ODNNNy45MTYgMTMuMDYybDQuNzUtMy41NjMtNC43NS0zLjU2MloiIGZpbGw9IiM0MzQzNDMiLz48L3N2Zz4="); height: 19px; width: 19px; } .layout .story-recommended:not(.taboola) article figure + header .duration { display: var(--header-duration-display, none); } .layout .story-recommended:not(.taboola) article .teaser-kicker, .layout .story-recommended:not(.taboola) article .teaser-postingcount, .layout .story-recommended:not(.taboola) article .teaser-title, .layout .story-recommended:not(.taboola) article .teaser-subtitle { max-width: 550px; } .layout .story-recommended:not(.taboola) article .teaser-postingcount, .layout .story-recommended:not(.taboola) article .teaser-kicker { font: var(--kicker-font); letter-spacing: 0.01em; } .layout .story-recommended:not(.taboola) article .duration { color: #434343; font: var(--kicker-font); font-weight: 700; line-height: 1.1875rem; z-index: 1; } .layout .story-recommended:not(.taboola) article .duration::before { content: ''; display: inline-block; margin-right: 0.125rem; position: relative; top: 0.3125rem; } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article .teaser-postingcount:empty { display: none; } .layout .story-recommended:not(.taboola) article .teaser-postingcount span:not(.sr-only) { display: none; } .layout .story-recommended:not(.taboola) article .teaser-postingcount:not(:empty)::before { content: '\1F5E9'; content: '\1F5E9' / ''; font-family: "STMatilda Info Variable", system-ui, sans-serif; margin-right: 1px; } .layout .story-recommended:not(.taboola) article .teaser-postingcount:empty.teaser-postingcount-community:empty { display: block; } .layout .story-recommended:not(.taboola) article .teaser-postingcount:not(:empty) + .teaser-kicker { margin-right: 10px; } .layout .story-recommended:not(.taboola) article .teaser-kicker { margin: 0 1ex 0 0; -webkit-order: -5; -ms-flex-order: -5; order: -5; text-transform: uppercase; } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article .breakinglabel[data-label-name='exclusive'] { background-color: var(--theme-primarydeco); } .layout .story-recommended:not(.taboola) article .breakinglabel[data-label-name='breakingnews'] { background-color: var(--theme-live-primarydeco); } .layout .story-recommended:not(.taboola) article .breakinglabel + .teaser-postingcount { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article .storylabels span { background-color: var(--theme--secondary); margin-left: -3px; padding: 1px 3px; white-space: nowrap; } .layout .story-recommended:not(.taboola) article .storylabels > *:not(:last-child) { margin-right: 0.5ex; } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article .storylabels [data-label-category][data-label-name='Livebericht'], .layout .story-recommended:not(.taboola) article .storylabels [data-label-category][data-label-name='Liveticker'], .layout .story-recommended:not(.taboola) article .storylabels [data-label-category][data-label-name='Chat'], .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article .duration + .storylabels [data-label-name='Video'] { display: none; } .layout .story-recommended:not(.taboola) article.is-opinion .duration + .storylabels span { margin-left: 0; } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article ul::before { content: 'Mehr zum Thema:'; display: inline-block; font-weight: bold; margin-bottom: 0.3125rem; margin-top: 1.2ex; } .layout .story-recommended:not(.taboola) article ul li { margin-bottom: 0.2em; margin-left: 2.1ex; } .layout .story-recommended:not(.taboola) article ul a { color: currentColor; display: block; text-decoration: none; } .layout .story-recommended:not(.taboola) article ul a:hover { text-decoration: underline; } .layout .story-recommended:not(.taboola) article ul .teaser-postingcount { display: inline; } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article:not(.fig) figure + header, .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article.att > * { --teaser-grow: var(--teaser-attachments-contextual-grow); --subtitle-display: var(--subtitle-attachments-contextual-display); --header-padding: var(--header-attachments-contextual-padding); } .layout .story-recommended:not(.taboola) article.fig.att > * { --attachments-display: var(--attachments-figure-contextual-display); } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article.is-ugc .storylabels span { color: var(--theme-primarydeco); } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article.is-opinion .storylabels span { background-color: var(--theme-primarydeco); color: var(--theme-opinion-secondarydeco); margin-left: -3px; padding: 1px 3px; } .layout .story-recommended:not(.taboola) article[data-type='community-topic'], .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article[data-type='community-topic'] .teaser-kicker *, .layout .story-recommended:not(.taboola) article.is-community .teaser-kicker * { text-transform: none; } .layout .story-recommended:not(.taboola) article[data-type='community-topic'] .teaser-kicker svg, .layout .story-recommended:not(.taboola) article.is-community .teaser-kicker svg { height: 13px; margin-left: 4px; opacity: 70%; vertical-align: text-top; width: 13px; } .layout .story-recommended:not(.taboola) article[data-type='community-topic'] .teaser-footer, .layout .story-recommended:not(.taboola) article.is-community .teaser-footer { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .layout .story-recommended:not(.taboola) article[data-type='community-topic'] .storylabels + .teaser-postingcount:not(:empty), .layout .story-recommended:not(.taboola) article.is-community .storylabels + .teaser-postingcount:not(:empty) { border-left: 1px solid var(--tile-border-color); padding-left: 5px; } .layout .story-recommended:not(.taboola) article[data-type='community-topic'] .storylabels, .layout .story-recommended:not(.taboola) article.is-community .storylabels { -webkit-flex-basis: initial; -ms-flex-preferred-size: initial; flex-basis: initial; } .layout .story-recommended:not(.taboola) article[data-type='community-topic'] .teaser-postingcount, .layout .story-recommended:not(.taboola) article.is-community .teaser-postingcount { -webkit-order: initial; -ms-flex-order: initial; order: initial; } .layout .story-recommended:not(.taboola) article[data-type='community-topic'] dst-readlater, .layout .story-recommended:not(.taboola) article.is-community dst-readlater { margin-left: auto !important; } .layout .story-recommended:not(.taboola) article.is-promotion { --tile-background: rgba(0, 0, 0, 0.03) !important; --theme-primarydeco: #747574 !important; } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article { --border-radius: 5px; border-radius: var(--border-radius); } .custom-slider .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article .teaser-kicker::before { content: ''; display: inline-block; margin-right: 8px; position: relative; top: 5px; } .custom-slider .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article .storylabels { display: none; } .custom-slider .layout .story-recommended:not(.taboola) article h1 { font-weight: 700; min-height: 2.5rem; text-align: center; } .custom-slider .layout .story-recommended:not(.taboola) article figure { border-radius: var(--border-radius); } .custom-slider .layout .story-recommended:not(.taboola) article figure img { border-radius: var(--border-radius); } .custom-slider .layout .story-recommended:not(.taboola) article.is-podcast-story header { background: transparent; } .custom-slider .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article.is-video-story .teaser-kicker::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggdHJhbnNmb3JtPSJtYXRyaXgoMC45NSwwLDAsMC45NSw2Ljc4MTE1ZS0wNiwxKSIgZD0iTTEwLDIwQTEwLDEwLDAsMSwxLDIwLDEwLDEwLjAxMSwxMC4wMTEsMCwwLDEsMTAsMjBaTTguMjE3LDYuMDkzYS4zLjMsMCwwLDAtLjMuM3Y3LjIxMmEuMy4zLDAsMCwwLC4zLjMuMy4zLDAsMCwwLC4xNjYtLjA1MWw1LjQwOS0zLjYwNWEuMy4zLDAsMCwwLDAtLjVMOC4zODMsNi4xNDRBLjMuMywwLDAsMCw4LjIxNyw2LjA5M1oiIHN0eWxlPSJmaWxsOiB2YXIoLS10aW50LCAjZmZmZikiLz48L3N2Zz4="); height: 20px; width: 20px; } .layout .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) 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 .story-recommended:not(.taboola) article .teaser-footer dst-readlater { margin: -11px; position: relative; z-index: 2; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout .story-recommended:not(.taboola) article { margin: 0 18px; } } @media (min-width: 960px) { .layout .story-recommended { grid-column: content / span 12; } } @media print { .layout .story-recommended { display: none; } } .layout .story-community { box-sizing: border-box; max-width: 100%; /* stylelint-disable */ /* stylelint-enable */ /* stylelint-disable */ /* stylelint-enable */ grid-column: content / span 4; min-width: 100%; } @media (min-width: 960px) { .layout .story-community .story-community-inner { display: grid; grid-template-columns: [container-start ad-start] 160px [ad-end] minmax(40px, 1fr) [forum-start] var(--story-width) [forum-end] 1fr [sidebar-start] minmax(auto, 160px) [sidebar-end container-end]; } } @media (min-width: 1690px) { .layout .story-community .story-community-inner { grid-template-columns: [container-start ad-start] 300px [ad-end] minmax(40px, 1fr) [forum-start] var(--story-width) [forum-end] 1fr [sidebar-start] minmax(auto, 300px) [sidebar-end container-end]; } } @media (min-width: 960px) { .layout .story-community .story-community-header { grid-column: forum-start / container-end; } } [data-forum-version='v2'] .layout .story-community .story-community-header { display: none; } @media (min-width: 960px) { .layout .story-community .forum-toggle-container { grid-column: forum-start / forum-end; } } .layout .story-community .story-community-postings { max-width: 615px; margin: 0 auto 1rem; max-width: var(--story-width); position: relative; width: 100%; } @media (min-width: 960px) { .layout .story-community .story-community-postings { grid-column: forum-start / forum-end; } } @media (min-width: 360px) { .layout .story-community .story-community-postings .ad-understitial { --ad--understitial-offset-left: 0; } } @media (max-width: 654.9px) { .layout .story-community .story-community-postings .ad-understitial { --ad--understitial-offset-left: -12px; } [data-forum-version='v2'] .layout .story-community .story-community-postings .ad-understitial { --ad--understitial-offset-left: 0; } } @media (min-width: 655px) { .layout .story-community .story-community-postings .ad-understitial { width: 100%; } } .layout .story-community .story-community-sidebar { display: none; } @media (min-width: 960px) { .layout .story-community .story-community-sidebar { display: block; grid-column: sidebar-start / sidebar-end; } } .layout .story-community .story-community-header > header { background: #e00085; color: #fff; background-color: var(--theme-primarydeco); color: var(--theme-secondarydeco); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.5rem; padding: 8px 12px; position: relative; } .layout .story-community .story-community-header > header::before { border-color: #e00085 transparent transparent transparent; border-color: var(--theme-primarydeco) transparent transparent transparent; border-style: solid; border-width: 7px 7px 0; bottom: -6px; content: ''; height: 0; left: 14px; margin: 0 auto; position: absolute; width: 0; } .layout .story-community .story-community-header h1, .layout .story-community .story-community-header h2 { font-size: 0.8125rem; font-weight: 450; line-height: 140%; margin: 0; } .layout .story-community .story-community-header h1 { margin-right: auto; } .layout .story-community .story-community-header h1 em { display: none; } [data-forum-version='v2'] .layout .story-community .forum-toggle-container { padding-top: 20px; } .layout .story-community .forum-toggle-container input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: initial; border: initial; box-sizing: border-box; cursor: default; height: 0; margin: 0; outline: 0; padding: initial; position: absolute; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateX(0.1875rem) translateY(0.1875rem); transform: translateX(0.1875rem) translateY(0.1875rem); width: 0; } .layout .story-community .forum-toggle-container input[type=checkbox]::before { background-color: var(--theme--on-surface); border-radius: 1.25rem; box-sizing: border-box; content: ''; height: 2rem; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transform: translateX(-0.625rem) translateY(-0.625rem); transform: translateX(-0.625rem) translateY(-0.625rem); transition: opacity 0.2s ease-out; visibility: visible; width: 2.875rem; } .layout .story-community .forum-toggle-container label { -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: var(--theme--on-surface); cursor: pointer; display: grid; font: var(--w3-info); grid-gap: 0.5rem; grid-template-columns: min-content auto; margin-bottom: 0.9375rem; max-width: 100%; padding: 0; position: relative; } .layout .story-community .forum-toggle-container label::before { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: start; -ms-flex-item-align: start; align-self: start; background: rgba(224, 224, 224, 0.5); border: 0.0625rem solid rgba(224, 224, 224, 0); border-radius: 0.75rem; box-shadow: inset 0 0 0.125rem 0 rgba(0, 0, 0, 0.3); box-sizing: border-box; color: rgba(54, 54, 54, 0); content: 'I 0'; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 0.625rem; font-weight: bold; height: 1.125rem; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; letter-spacing: 0.1875rem; line-height: 1; overflow: hidden; position: relative; text-indent: 0.25rem; top: 0; transition: all 0.1s ease-out; width: 2rem; } .layout .story-community .forum-toggle-container label::after { border: 0.4375rem solid var(--theme--on-primary); border-radius: 100%; box-sizing: border-box; content: ''; display: block; height: 0.875rem; left: 0.125rem; pointer-events: none; position: absolute; top: 0.125rem; -webkit-transform: translatex(0%); transform: translatex(0%); transition: -webkit-transform 0.15s; transition: transform 0.15s; transition: transform 0.15s, -webkit-transform 0.15s; width: 0.875rem; } .layout .story-community .forum-toggle-container input[type=checkbox]:checked + label::after { -webkit-transform: translatex(100%); transform: translatex(100%); } .layout .story-community .forum-toggle-container input[type=checkbox]:checked + label::before { background: var(--theme--primary); border-color: var(--theme--primary); color: rgba(255, 255, 255, 0); } .layout .story-community .forum-toggle-container span { display: block; margin-bottom: 15px; } .layout .story-community .forum-toggle-container a { color: currentColor; cursor: pointer; text-decoration: underline; } .layout .story-community .story-community-disclaimer { font-size: 0.8125rem; line-height: 140%; margin-bottom: 1rem; } .layout .story-community .story-community-disclaimer-inner { background-color: rgba(255, 255, 255, 0.3); padding: 0.75rem; } .layout .story-community .story-community-disclaimer-inner > :first-child { margin-top: 0; } .layout .story-community .story-community-disclaimer-inner > :last-child { margin-bottom: 0; } .layout .story-community .forum #condolence-container { /* stylelint-disable-line selector-no-id */ background: #212121; color: #e6e6e6; background-color: var(--theme-primarytint); border: 0; color: var(--theme-background); margin-bottom: 1rem; padding: 8px 12px; } .layout .story-community .forum #condolence-container .condolence-content { border: 0; font-size: inherit; margin: 0; padding: 0; } .layout .story-community .forum #condolence-container .condolence-content strong { line-height: inherit; text-shadow: none; } .layout .story-community .forum #condolence-container .condolence-content p { margin: 0; } .layout .story-community .upost { position: relative; font-size: 0.8125rem; font-size: 13px; line-height: 130%; text-align: left; height: 0; overflow: hidden; } .layout .story-community .upost *[data-closable-active="false"] { display: none; } .layout .story-community .upost .upost-intro { color: rgba(0, 0, 0, 0.5); margin-bottom: 0.5rem; margin-bottom: 8px; font-size: 0.6875rem; font-size: 11px; line-height: 120%; } .layout .story-community .upost .upost-inner { position: relative; } .layout .story-community .upost .upost-content { position: relative; } .layout .story-community .upost .upost-content::before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 0; border-color: transparent rgba(0, 0, 0, 0.1) transparent transparent; position: absolute; left: -5px; } .layout .story-community .upost .upost-head { background-color: rgba(0, 0, 0, 0.1); margin: 0 !important; } .layout .story-community .upost .upost-body, .layout .story-community .upost .upost-tools { background-color: rgba(0, 0, 0, 0.07); margin: 0 !important; } .layout .story-community .upost .upost-body { border-top-color: rgba(0, 0, 0, 0.07); border-bottom-color: rgba(0, 0, 0, 0.07); } .layout .story-community .upost .upost-anniversary-badge { background: rgba(255, 255, 255, 0.4); color: #212121; font-size: 12px; line-height: 12px; padding: 8px 10px; } .layout .story-community .upost .upost-sliderate { position: absolute; width: 100%; height: 100%; top: 0; } .layout .story-community .upost .upost-sliderate button { width: 50%; max-width: 120px; height: 100%; color: #fff; box-sizing: border-box; border: none; border-radius: 0; } .layout .story-community .upost .upost-sliderate-up { float: right; background-color: #2da106; border-right: 2px inset rgba(0, 0, 0, 0.1); } .layout .story-community .upost .upost-sliderate-down { float: left; background-color: #c00; border-left: 2px inset rgba(0, 0, 0, 0.1); } .layout .story-community .upost .upost-head { position: relative; font-size: 0.75rem; font-size: 12px; line-height: 0.8125rem; line-height: 13px; min-height: 30px; max-width: 100%; padding: 0 10px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout .story-community .upost .upost-head { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } } .layout .story-community .upost .upost-head * { box-sizing: border-box; } .layout .story-community .upost .upost-head a { text-decoration: none; border-bottom: none; cursor: pointer; } .layout .story-community .upost .upost-usercontainer, .layout .story-community .upost .upost-postingcontainer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .layout .story-community .upost .upost-usercontainer { max-width: 100%; position: relative; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 7px; } .layout .story-community .upost .upost-usercontainer span { margin-right: 1ex; } .layout .story-community .upost .upost-usercontainer * { vertical-align: top; line-height: 130%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .layout .story-community .upost .upost-postingcontainer { position: relative; -webkit-flex: 9999 1 260px; -ms-flex: 9999 1 260px; flex: 9999 1 260px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .layout .story-community .upost .upost-usercontainer.upost-isuserdeleted .upost-communityname { opacity: 0.7; } .layout .story-community .upost .upost-communityname { color: rgba(0, 0, 0, 0.8); margin: 0 5px 0 0 !important; display: inline-block; } .layout .story-community .upost .upost-real-identity, .layout .story-community .upost .upost-organization-identity { color: rgba(0, 0, 0, 0.6); } .layout .story-community .upost .upost-real-identity:empty, .layout .story-community .upost .upost-organization-identity:empty { display: none; } .layout .story-community .upost .upost-follower { display: inline-block; white-space: nowrap; overflow: initial; color: rgba(0, 0, 0, 0.6); margin-right: 5px; } .layout .story-community .upost .upost-follower::after { content: ''; display: inline-block; min-height: 10px; width: 6px; min-width: 6px; margin-left: 3px; margin-top: 1px; vertical-align: inherit; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA2IDEwIj48ZyBmaWxsPSJyZ2JhKDAsMCwwLC42KSI+PHBhdGggZD0iTTQuNSw2QzQuMSw2LjMsMy42LDYuNSwzLDYuNVMxLjksNi4zLDEuNSw2QzAuNyw2LjUsMCw3LjIsMCw4djJoNlY4QzYsNy4yLDUuNCw2LjQsNC41LDZ6Ii8+PGNpcmNsZSBjeD0iMyIgY3k9IjQiIHI9IjIiLz48L2c+PC9zdmc+"); background-repeat: no-repeat; } .layout .story-community .upost .upost-follower.unfollowed { display: none; } .layout .story-community .upost .upost-verified-identity { display: inline-block; position: relative; width: 14px; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .layout .story-community .upost .upost-verified-identity::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZmlsbD0iIzM4YThlMCIgc3Ryb2tlPSIjMzg5Y2NlIiBkPSJNNS44OTIuMjg2YS44LjgsMCwwLDEsMS4yMjcsMEw3LjQzLjYzOGExLjYxMiwxLjYxMiwwLDAsMCwxLjUuNDQ1bC40NS0uMTI2YS44LjgsMCwwLDEsMS4wMzEuNjdsLjA3MS40NjVhMS42MzMsMS42MzMsMCwwLDAsMS4wMjQsMS4xOTRsLjQ0Ny4xNGEuODEzLjgxMywwLDAsMSwuNTEsMS4xMjZsLS4xODkuNDMxQTEuNjQ3LDEuNjQ3LDAsMCwwLDEyLjUsNi41NDdsLjMuMzYxYS44MTMuODEzLDAsMCwxLS4xNzUsMS4yMjRsLS4zOS4yNjFhMS42NDUsMS42NDUsMCwwLDAtLjY1LDEuNDM2bC4wNi40NjhhLjgwOS44MDksMCwwLDEtLjguOTM2bC0uNDY4LjAwN2ExLjYyLDEuNjIsMCwwLDAtMS4zMTcuODU0bC0uMi40MjZhLjguOCwwLDAsMS0xLjE3Ni4zNDlsLS40LS4yNDlhMS42MTUsMS42MTUsMCwwLDAtMS41NjYsMGwtLjQuMjQ5YS44LjgsMCwwLDEtMS4xNzYtLjM0OWwtLjItLjQyNmExLjYyLDEuNjIsMCwwLDAtMS4zMTctLjg1NGwtLjQ2OC0uMDA3YS44MDguODA4LDAsMCwxLS44LS45MzZsLjA2LS40NjhhMS42MzksMS42MzksMCwwLDAtLjY1LTEuNDM2bC0uMzktLjI2MUEuODIuODIsMCwwLDEsLjIxLDYuOTA1bC4zLS4zNjFBMS42NTIsMS42NTIsMCwwLDAsLjczNSw0Ljk4TC41NDYsNC41NWEuODE0LjgxNCwwLDAsMSwuNTEtMS4xMjZsLjQ0Ny0uMTRBMS42MzMsMS42MzMsMCwwLDAsMi41MjcsMi4wOUwyLjYsMS42MjRBLjguOCwwLDAsMSwzLjYzLjk1NGwuNDUuMTI2YTEuNjEyLDEuNjEyLDAsMCwwLDEuNS0uNDQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUgLjUpIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQuMjMxLDcuOTgsMS40LDUuMTQ5LDIuNTgsMy45Nyw0LjIzMSw1LjYyMSw3LjY1MiwyLjJsMS4xOCwxLjE4LTQuNiw0LjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIi8+PC9zdmc+"); height: 14px; width: 14px; position: absolute; content: ''; display: block; top: 0; left: 0; } .layout .story-community .upost .upost-supporter { display: inline-block; position: relative; width: 16px; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .layout .story-community .upost .upost-supporter::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNCI+PHBhdGggZmlsbD0iI2E0NmQwNCIgZD0iTTE0LjMyOSwxLjM4M2E0LjczOCw0LjczOCwwLDAsMC02LjQ3Mi0uMjA1LDQuNzMxLDQuNzMxLDAsMCwwLTYuNDcxLDYuOUw2LjkxNCwxMy42YTEuMzM4LDEuMzM4LDAsMCwwLC45MzIuNGguMDIxYTEuMjgzLDEuMjgzLDAsMCwwLDEuMjgyLTEuNDFjLjAzMywwLC4wNjcuMDA2LjEuMDA2aC4wMjFhMS4yODEsMS4yODEsMCwwLDAsLjkxMy0uMzc2LDEuMywxLjMsMCwwLDAsLjM2OS0xLjAzNGMuMDQsMCwuMDguMDA2LjEyMS4wMDZhMS4yODEsMS4yODEsMCwwLDAsMS4yODItMS40MWMuMDQxLDAsLjA4MS4wMDYuMTIyLjAwNmExLjI4MiwxLjI4MiwwLDAsMCwuOTEzLS4zNzZsMS4zMzgtMS4zMzdBNC43MzcsNC43MzcsMCwwLDAsMTQuMzI5LDEuMzgzWiIvPjxnIGZpbGw9IiNmZmM4M2QiPjxwYXRoIGQ9Ik0xMy44ODgsNy42MzRsLS41NTguNTU4YTEuMzUxLDEuMzUxLDAsMCwwLS4zNi0uNjQ2bC0yLjIzLTIuMjNBMi41ODcsMi41ODcsMCwwLDAsMTEuMiw0Ljk1bC4zMzItLjMzMmEuMzEyLjMxMiwwLDAsMC0uNDQxLS40NDFsLS4zMzIuMzMyYTEuOSwxLjksMCwwLDEtMi42ODQsMGwtLjIyMS0uMjIxTDYuMDM0LDYuMTExYTEuMjksMS4yOSwwLDAsMS0xLjUyMi4xQS4zNjYuMzY2LDAsMCwxLDQuMzMsNS45NWExLjE1NSwxLjE1NSwwLDAsMSwuNDQ2LS44MjRsMy4zLTMuM2E0LjEwOCw0LjEwOCwwLDAsMSw1LjgwOSw1LjgxMVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMi41NSw4Ljk3MWEuNy43LDAsMCwxLS45ODQtLjAyMUw4Ljk4OCw2LjM3MmEuMzEyLjMxMiwwLDEsMC0uNDQxLjQ0MWwyLjU3OCwyLjU3OGEuNjgyLjY4MiwwLDEsMS0uOTYzLjk2M0w3LjU4NCw3Ljc3NmEuMzEyLjMxMiwwLDAsMC0uNDQxLjQ0MUw5LjcyMSwxMC44YS43LjcsMCwwLDEsLjAyMi45ODQuNjYuNjYsMCwwLDEtLjQ4My4xOTMuNzIyLjcyMiwwLDAsMS0uNS0uMjE0TDYuMTgxLDkuMThhLjMxMi4zMTIsMCwwLDAtLjQ0MS40NDFMOC4zMTcsMTIuMmEuNy43LDAsMCwxLC4wMjIuOTg0LjY2MS42NjEsMCwwLDEtLjQ4My4xOTMuNzIyLjcyMiwwLDAsMS0uNS0uMjE0TDEuODI3LDcuNjM0YTQuMTA3LDQuMTA3LDAsMCwxLDUuNTgtNi4wMjFMNi4wNzIsMi45NDhoMEw0LjMzNSw0LjY4NWExLjY3LDEuNjcsMCwwLDAtLjYyNCwxLjM0NC45NzkuOTc5LDAsMCwwLC40ODcuNzIzLDIuMTM0LDIuMTM0LDAsMCwwLDEuMDYzLjI4OSwxLjY3NywxLjY3NywwLDAsMCwxLjIxNC0uNDg5bDEuNC0xLjM5NWEyLjUyOSwyLjUyOSwwLDAsMCwyLjI1Ny40MjlsMi40LDIuNEEuNy43LDAsMCwxLDEyLjU1LDguOTcxWiIvPjwvZz48L3N2Zz4="); height: 14px; width: 16px; position: absolute; content: ''; display: block; top: 0; left: 0; } .layout .story-community .upost-usermenu { position: absolute; top: 30px; left: 0; width: 100%; max-width: 270px; font-size: 13px; padding: 0; background: none; } .layout .story-community .upost-usermenu ul { background-color: #202226; color: #fff; background-color: var(--theme-ui-background); color: var(--theme-ui-tint); list-style: none; margin: 0; padding: 6px 12px; position: relative; } .layout .story-community .upost-usermenu li { margin: 0; padding: 0; list-style-type: none; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0); } .layout .story-community .upost-usermenu li.upost-usermenu-verified:last-of-type, .layout .story-community .upost-usermenu li.upost-usermenu-communityguide:last-of-type, .layout .story-community .upost-usermenu li.upost-usermenu-supporter:last-of-type { margin-bottom: -6px; } .layout .story-community .upost-usermenu ul::after { border-color: transparent transparent #202226; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px; border-color: transparent transparent var(--theme-ui-background); position: absolute; left: 24px; top: -6px; margin: 0 auto; } .layout .story-community .upost-usermenu a, .layout .story-community .upost-usermenu button { display: block; font-size: 13px; line-height: 29px; padding: 0; margin: 0; color: currentColor; background: none; border: none; border-radius: 0; width: 100%; text-align: left; outline: none; cursor: pointer; background-repeat: no-repeat; background-position: 100% 50%; background-size: 15px 15px; } .layout .story-community .upost-usermenu a:hover, .layout .story-community .upost-usermenu button:hover { text-decoration: underline; } .layout .story-community .upost-usermenu .upost-usermenu-follow button { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBhdGggZmlsbD0iIzM4YThlMCIgZD0iTTYuNTk5LDNINS4zOTl2Mi40SDNWNi42aDIuMzk5VjloMS4xOTlWNi42SDlWNS40SDYuNTk5VjN6IE02LDBDMi42ODcsMCwwLDIuNjg4LDAsNnMyLjY4Nyw2LDYsNiBjMy4zMTEsMCw2LTIuNjg4LDYtNlM5LjMxMSwwLDYsMHogTTYsMTAuODAxYy0yLjY0NiwwLTQuODAxLTIuMTU0LTQuODAxLTQuODAxUzMuMzU0LDEuMTk5LDYsMS4xOTkgYzIuNjQ1LDAsNC43OTksMi4xNTQsNC43OTksNC44MDFTOC42NDUsMTAuODAxLDYsMTAuODAxeiIvPjwvc3ZnPg=="); } .layout .story-community .upost-usermenu strong { float: right; min-width: 13px; text-align: center; } .layout .story-community .upost-usermenu .upost-usermenu-unfollow, .layout .story-community .upost-usermenu .upost-usermenu-unignorecommunityidentityid { display: none; } .layout .story-community .upost-usermenu .upost-usermenu-verified, .layout .story-community .upost-usermenu .upost-usermenu-communityguide, .layout .story-community .upost-usermenu .upost-usermenu-supporter { background-color: rgba(255, 255, 255, 0.1); margin: 1px -12px 0 -12px; padding: 20px 12px 20px 55px; position: relative; } .layout .story-community .upost-usermenu .upost-usermenu-verified::before, .layout .story-community .upost-usermenu .upost-usermenu-communityguide::before, .layout .story-community .upost-usermenu .upost-usermenu-supporter::before { position: absolute; content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 25px; left: 15px; width: 25px; } .layout .story-community .upost-usermenu .upost-usermenu-verified strong, .layout .story-community .upost-usermenu .upost-usermenu-communityguide strong, .layout .story-community .upost-usermenu .upost-usermenu-supporter strong { float: none; } .layout .story-community .upost-usermenu .upost-usermenu-verified span, .layout .story-community .upost-usermenu .upost-usermenu-communityguide span, .layout .story-community .upost-usermenu .upost-usermenu-supporter span { float: left; line-height: 13px; } .layout .story-community .upost-usermenu .upost-usermenu-verified a, .layout .story-community .upost-usermenu .upost-usermenu-communityguide a, .layout .story-community .upost-usermenu .upost-usermenu-supporter a { color: #fff; display: inline; float: right; font-size: 11px; line-height: 13px; text-decoration: underline; width: auto; } .layout .story-community .upost-usermenu .upost-usermenu-verified::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1LjE5NCwyNS4zMTdhMS42MTQsMS42MTQsMCwwLDEtLjg1OC0uMjU1bC0uNzYyLS40NzlhMi44NzUsMi44NzUsMCwwLDAtMS41MDYtLjM4OSwyLjg3MSwyLjg3MSwwLDAsMC0xLjUwNi4zODlsLS43NjMuNDc5YTEuNjI1LDEuNjI1LDAsMCwxLS44Ni4yNTUsMS41NTIsMS41NTIsMCwwLDEtMS40LS45MjZsLS4zODYtLjgyYTMuMTA5LDMuMTA5LDAsMCwwLTIuNTMzLTEuNjQzbC0uOS0uMDE0YTEuNTY1LDEuNTY1LDAsMCwxLTEuMTgyLS41MzUsMS41ODcsMS41ODcsMCwwLDEtLjM2MS0xLjI2NWwuMTE1LS45YTMuMTQ0LDMuMTQ0LDAsMCwwLTEuMjUxLTIuNzYybC0uNzUtLjVhMS41ODksMS41ODksMCwwLDEtLjctMS4xLDEuNiwxLjYsMCwwLDEsLjM3NS0xLjI1OEwuNTQ0LDEyLjlBMy4xNzUsMy4xNzUsMCwwLDAsLjk3NSw5Ljg5TC42MTEsOS4wNjJBMS41NjUsMS41NjUsMCwwLDEsMS41OTEsNi45bC44Ni0uMjY5YTMuMTMxLDMuMTMxLDAsMCwwLDEuOTctMi4zbC4xMzgtLjlBMS41NDMsMS41NDMsMCwwLDEsNi4wOSwyLjA4MmExLjY2NywxLjY2NywwLDAsMSwuNDUyLjA2NGwuODY1LjI0MmEyLjM4NywyLjM4NywwLDAsMCwuNjQzLjA4M0EzLjEzOCwzLjEzOCwwLDAsMCwxMC4zLDEuNTMzbC42LS42NzFhMS41NCwxLjU0LDAsMCwxLDIuMzYxLDBsLjYuNjc2YTMuMTQxLDMuMTQxLDAsMCwwLDIuMjQ2LjkzOCwyLjM4NCwyLjM4NCwwLDAsMCwuNjQzLS4wODNsLjg2NS0uMjQyYTEuNjg4LDEuNjg4LDAsMCwxLC40NTUtLjA2NEExLjU0MSwxLjU0MSwwLDAsMSwxOS41ODgsMy40NGwuMTM4LjlhMy4xMzIsMy4xMzIsMCwwLDAsMS45NywyLjNsLjg2LjI2OWExLjU3OCwxLjU3OCwwLDAsMSwuOTg2Ljg1LDEuNiwxLjYsMCwwLDEtLjAwNiwxLjMxNmwtLjM2NC44MjhBMy4xNTYsMy4xNTYsMCwwLDAsMjMuNiwxMi45bC41ODEuNjk0YTEuNTY0LDEuNTY0LDAsMCwxLS4zMzcsMi4zNTRsLS43NS41YTMuMTUyLDMuMTUyLDAsMCwwLTEuMjUxLDIuNzYybC4xMTUuOWExLjYsMS42LDAsMCwxLS4zNjYsMS4yNjksMS41NjIsMS41NjIsMCwwLDEtMS4xNzcuNTMxbC0uOS4wMTRhMy4xMDksMy4xMDksMCwwLDAtMi41MzMsMS42NDNsLS4zODYuODJBMS41NTMsMS41NTMsMCwwLDEsMTUuMTk0LDI1LjMxN1pNOC40NiwxMC45MjZoMEw2LjUzNywxMi44NWw0LjYxNiw0LjYxNiw3LjUtNy41TDE2LjczMSw4LjA0MSwxMS4xNTMsMTMuNjIsOC40NiwxMC45MjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNCAtLjMpIi8+PC9zdmc+"); height: 25px; width: 25px; } .layout .story-community .upost-usermenu .upost-usermenu-communityguide::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij48cGF0aCBkPSJNOCwyMGwzLjg0LTguMTZMMjAsOGwtMy44NCw4LjE2TDgsMjBtNi03LjA4QTEuMDgsMS4wOCwwLDEsMCwxNS4wOCwxNCwxLjA4LDEuMDgsMCwwLDAsMTQsMTIuOTJNMTQsMkExMiwxMiwwLDEsMSwyLDE0LDEyLDEyLDAsMCwxLDE0LDJtMCwyLjRBOS42LDkuNiwwLDEsMCwyMy42LDE0LDkuNiw5LjYsMCwwLDAsMTQsNC40WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); height: 28px; width: 28px; } .layout .story-community .upost-usermenu .upost-usermenu-supporter::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyNSI+PHBhdGggZD0iTTE0IDIzLjdIMTRBMi43IDIuNyAwIDAgMSAxMiAyM2wtOC4yLTguMkE3LjggNy44IDAgMCAxIDEuNSA5YTcuOCA3LjggMCAwIDEgMi4zLTUuNSA3LjggNy44IDAgMCAxIDUuNi0yLjNBNy44IDcuOCAwIDAgMSAxNCAyLjhhNy44IDcuOCAwIDAgMSA0LjctMS41IDcuOCA3LjggMCAwIDEgNS41IDIuMyA3LjkgNy45IDAgMCAxIDAgMTFsLTIgMmEyLjcgMi43IDAgMCAxLTEuMy44IDIuNyAyLjcgMCAwIDEtLjggMS40IDIuNyAyLjcgMCAwIDEtMS4zLjcgMi43IDIuNyAwIDAgMS0uOCAxLjMgMi43IDIuNyAwIDAgMS0xLjMuOCAyLjcgMi43IDAgMCAxLS43IDEuMyAyLjcgMi43IDAgMCAxLTIgLjhaTTkuNCAzQTYgNiAwIDAgMCA1IDQuOGE2LjEgNi4xIDAgMCAwIDAgOC42bDUgNSAzLjMgMy4zYTEgMSAwIDAgMCAuNy4zIDEgMSAwIDAgMCAuNy0uMyAxIDEgMCAwIDAgMC0xLjVsLTMuOC0zLjhhLjUuNSAwIDAgMSAwLS43LjUuNSAwIDAgMSAuMyAwIC41LjUgMCAwIDEgLjMgMGwzLjggMy45YTEgMSAwIDAgMCAuOC4zIDEgMSAwIDAgMCAuNy0uMyAxIDEgMCAwIDAgMC0xLjVsLTMuOS0zLjhhLjUuNSAwIDAgMSAwLS4zLjUuNSAwIDAgMSAwLS4zLjUuNSAwIDAgMSAuNC0uMi41LjUgMCAwIDEgLjMuMmwzLjggMy44YTEgMSAwIDAgMCAuOC4zIDEgMSAwIDAgMCAuNy0uMyAxIDEgMCAwIDAgMC0xLjRMMTUgMTIuMmEuNS41IDAgMCAxLS4xLS4zLjUuNSAwIDAgMSAuMS0uMy41LjUgMCAwIDEgLjQtLjIuNS41IDAgMCAxIC4zLjJsMy44IDMuOGExIDEgMCAwIDAgLjguMyAxIDEgMCAwIDAgLjctLjMgMSAxIDAgMCAwIC4zLS43IDEgMSAwIDAgMC0uNC0uN2wtMy41LTMuNmEzLjggMy44IDAgMCAxLTEgLjIgMy44IDMuOCAwIDAgMS0yLjQtLjhsLTIgMmEyLjUgMi41IDAgMCAxLTEuOS44IDMuMiAzLjIgMCAwIDEtMS41LS41IDEuNSAxLjUgMCAwIDEtLjgtMSAyLjUgMi41IDAgMCAxIDEtMmwyLjYtMi42IDItMmE2LjEgNi4xIDAgMCAwLTQtMS41Wk0xOSA4LjJhLjUuNSAwIDAgMSAuNC4xLjUuNSAwIDAgMSAwIC43bC0uNS41YTMuNyAzLjcgMCAwIDEtLjcuNWwzLjMgMy4zYTIgMiAwIDAgMSAuNSAxbC45LS45YTYuMSA2LjEgMCAwIDAgMC04LjZBNiA2IDAgMCAwIDE4LjYgM2E2IDYgMCAwIDAtNC4zIDEuOGwtNC45IDVhMS43IDEuNyAwIDAgMC0uNiAxLjEuNi42IDAgMCAwIC4yLjQgMi4zIDIuMyAwIDAgMCAxLjEuMyAxLjYgMS42IDAgMCAwIDEuMi0uNEwxNCA4LjVsLjMuM2EyLjggMi44IDAgMCAwIDIgLjggMi44IDIuOCAwIDAgMCAyLS44bC41LS41YS41LjUgMCAwIDEgLjMtLjFaIiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg=="); height: 25px; width: 28px; } .layout .story-community .upost .upost-unignore { display: none; } .layout .story-community .upost .upost-date { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 0; max-width: 100%; color: rgba(0, 0, 0, 0.6); padding: 5px 0 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .layout .story-community .upost .upost-date span { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .layout .story-community .upost .ratings { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .layout .story-community .upost .ratings-counts, .layout .story-community .upost .ratings-adblockmock { padding: 5px 0 8px; } .layout .story-community .upost .ratings-log { right: -10px; } .layout .story-community .upost .upost-body { padding: 8px 10px; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; } .layout .story-community .upost .upost-title { font-weight: bold; font-size: 13px; margin: 0; } .layout .story-community .upost .upost-title, .layout .story-community .upost .upost-text { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 130%; } .layout .story-community .upost .upost-title + .upost-text { margin-top: 10px; } .layout .story-community .upost .upost-title:empty + .upost-text { margin-top: 0; } .layout .story-community .upost .upost-text:empty { margin-top: 0; } .layout .story-community .upost .upost-title, .layout .story-community .upost .upost-text { overflow: hidden; text-overflow: ellipsis; } .layout .story-community .upost .upost-expandlink { display: none; } .layout .story-community .upost .upost-tools { padding: 0 1px 2px 10px; } .layout .story-community .upost .upost-tools > a, .layout .story-community .upost .upost-tools button { color: #000; display: inline-block; box-sizing: border-box; opacity: 0.6; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 40px; } .layout .story-community .upost .upost-tools > a { float: left; } .layout .story-community .upost .upost-tools button { float: right; width: 40px; height: 40px; text-indent: -10000px; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: 30px 30px; position: relative; border: none; border-radius: 0; padding: 0; margin: 0; } .layout .story-community .upost .upost-tools button:hover { opacity: 1; } .layout .story-community .upost .upost-tools button[disabled] { opacity: 0.3; } .layout .story-community .upost .upost-tools button[disabled]:hover { cursor: not-allowed; } .layout .story-community .upost .upost-tools .upost-share::before, .layout .story-community .upost .upost-tools .upost-report::before, .layout .story-community .upost .upost-tools .upost-ratedown::before, .layout .story-community .upost .upost-tools .upost-subscribe::before, .layout .story-community .upost .upost-tools .upost-sticky::before { background: rgba(0, 0, 0, 0.12); content: ''; display: block; height: 20px; position: absolute; right: 0; top: 10px; width: 1px; } .layout .story-community .upost .upost-tools .upost-toolstext { float: left; height: 2.5rem; height: 40px; line-height: 2.5rem; line-height: 40px; padding: 0 4px; color: rgba(0, 0, 0, 0.6); } .layout .story-community .upost .upost-tools .upost-viewcontext { float: left; margin-left: 0; width: auto; text-indent: 0; text-decoration: underline; } .layout .story-community .upost .upost-tools .upost-viewcontext span { display: none; } @media (min-width: 360px) { .layout .story-community .upost .upost-tools .upost-viewcontext span { display: inline; } } .layout .story-community .upost .upost-tools .upost-replyanswer { float: left; margin-left: 0; width: auto; text-indent: 0; background-position: -5px 50%; text-transform: lowercase; text-decoration: underline; } .layout .story-community .upost-sharecontainer { position: relative; } .layout .story-community .upost .upost-tools .upost-share { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTE5LjM3OSAxOC41NDJhMi4yODMgMi4yODMgMCAwMC0xLjQ4Ni41NjZsLTUuMjM1LTMuMDQyYTEuMzgxIDEuMzgxIDAgMDAuMDcxLS41YzAtLjIxMi0uMDcxLS4zNTQtLjA3MS0uNTY2bDUuMjM2LTMuMDQyYTIuMzMxIDIuMzMxIDAgMDAxLjU1Ny41NjYgMi4yNjQgMi4yNjQgMCAxMC0yLjI2NC0yLjI2NCAxLjU1OCAxLjU1OCAwIDAwLjA3MS41NjZsLTUuMjM3IDMuMDQ3YTIuMzMxIDIuMzMxIDAgMDAtMS41NTctLjU2NiAyLjI2NCAyLjI2NCAwIDEwMCA0LjUyOCAyLjQ3MyAyLjQ3MyAwIDAwMS41NTctLjU2Nmw1LjIzNiAzLjA0MmExLjA0OSAxLjA0OSAwIDAwLS4wNzEuNUEyLjE2IDIuMTYgMCAwMDE5LjM3OSAyM2EyLjExOCAyLjExOCAwIDAwMi4xOTMtMi4xOTMgMi4yNjcgMi4yNjcgMCAwMC0yLjE5My0yLjI2NXoiLz48L3N2Zz4K"); } .layout .story-community .upost .upost-tools .upost-report { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTEwLjgxMiwxMS4wOTdjMC4xNzgtMC4zNTYsMC4zNTYtMC43MTEsMC42MjMtMC45NzhjMC40NDQtMC4zNTQsMC44ODktMC41MzMsMS40MjEtMC42MjIgYzAuNDQ0LTAuMDg5LDAuOTc4LTAuMDg5LDEuNDIyLTAuMDg5YzAuNjIxLDAsMS4yNDMsMCwxLjc3OC0wLjE3OGMwLjc5OC0wLjE3OCwxLjQyMS0wLjYyMiwxLjc3Ny0xLjQyMlY3LjcxOWwwLDAgYzAsMCwwLDAuMDksMC4wODgsMC4wOWMwLjg4OSwxLjg2NiwxLjY4OSwzLjczMywyLjU3OCw1LjUxYzAsMC4wODgsMCwwLjE3NiwwLDAuMjY3Yy0wLjQ0NCwwLjg4OS0xLjE1NywxLjQyMS0yLjEzMywxLjUxMSBjLTAuNTMzLDAuMDg4LTEuMDY2LDAuMDg4LTEuNiwwLjA4OGMtMC42MjIsMC0xLjI0NCwwLTEuNzc3LDAuMTc4Yy0wLjcxMSwwLjE3OC0xLjE1NSwwLjYyMi0xLjUxMSwxLjMzMyBjLTAuMDg5LDAuMDg4LDAsMC4xNzgsMCwwLjI2N2MwLjcxLDEuNDIyLDEuMzMzLDIuODQ0LDIuMDQ0LDQuMjY2YzAuMDksMC4xNzgsMC4wOSwwLjM1NSwwLjA5LDAuNjIyIGMtMC4wOSwwLjI2Ni0wLjI2OCwwLjUzMi0wLjUzNSwwLjUzMmMtMC4zNTQsMC4wOS0wLjYyMi0wLjA4OC0wLjc5OS0wLjM1NGMtMC4wOS0wLjE3OC0wLjE3OC0wLjQ0NC0wLjM1NS0wLjcxMSBjLTEuNTExLTMuMjAxLTMuMDIyLTYuMzk5LTQuNTMyLTkuNTA5Yy0wLjA4OS0wLjE3OC0wLjA4OS0wLjQ0NC0wLjA4OS0wLjYyM2MwLjA5LTAuMjY2LDAuMTc4LTAuNDQ0LDAuNDQ0LTAuNTMzIGMwLjM1Ni0wLjA5LDAuNjIyLDAsMC44LDAuMjY3QzEwLjcyMywxMS4wMDgsMTAuNzIzLDExLjAwOCwxMC44MTIsMTEuMDk3eiIvPjwvc3ZnPg=="); } .layout .story-community .upost .upost-tools .upost-ratedown { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHJlY3QgeD0iNyIgeT0iMTQiIHdpZHRoPSIxNSIgaGVpZ2h0PSIzIi8+PC9zdmc+"); } .layout .story-community .upost .upost-tools .upost-ratedown.rated { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHJlY3QgZmlsbD0iIzM4YThlMCIgeD0iNyIgeT0iMTQiIHdpZHRoPSIxNSIgaGVpZ2h0PSIzIi8+PC9zdmc+"); opacity: 1; } .layout .story-community .upost .upost-tools .upost-rateup { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBvbHlnb24gcG9pbnRzPSIxMywyMiAxMywxNyA4LDE3IDgsMTQgMTMsMTQgMTMsOSAxNiw5IDE2LDE0IDIxLDE0IDIxLDE3IDE2LDE3IDE2LDIyIi8+PC9zdmc+"); } .layout .story-community .upost .upost-tools .upost-rateup.rated { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBvbHlnb24gZmlsbD0iIzM4YThlMCIgcG9pbnRzPSIxMywyMiAxMywxNyA4LDE3IDgsMTQgMTMsMTQgMTMsOSAxNiw5IDE2LDE0IDIxLDE0IDIxLDE3IDE2LDE3IDE2LDIyIi8+PC9zdmc+"); opacity: 1; } .layout .story-community .upost .upost-tools .upost-delete { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTEwLjIzNiwxMi45OThoOS41MjdjMCwwLDAuMDA1LDQuMzA2LDAsNy4xODEgYy0wLjAwMSwxLjI3Ny0wLjU5MSwxLjg2OS0xLjg2MSwxLjg3M2MtMS45MzQsMC4wMDYtMy44NjcsMC4wMDYtNS44LDBjLTEuMjc3LTAuMDAzLTEuODYzLTAuNTg5LTEuODY0LTEuODY5IEMxMC4yMzMsMTcuMTM1LDEwLjIzNiwxMi45OTgsMTAuMjM2LDEyLjk5OHoiLz48cGF0aCBkPSJNMTkuMzk5LDEwLjAzOWMtMC4xODEtMC4wNTktMC4zNzgtMC4wODQtMC41NjgtMC4wODcgYy0wLjU1MS0wLjAxMi0xLjEwNC0wLjAwNS0xLjY1Ny0wLjAwNWMtMC4wNSwwLTAuMTAyLDAtMC4xNzUsMGMwLTAuMzEzLDAtMC42MDQsMC0wLjg5NGMtMC4wMDItMC43MDItMC40MDUtMS4xMDYtMS4xMDYtMS4xMDYgYy0wLjI5OC0wLjAwMS0xLjQ4OC0wLjAwMS0xLjc4NiwwYy0wLjcwMSwwLTEuMTA0LDAuNDA1LTEuMTA2LDEuMTA2YzAsMC4yOTEsMCwwLjU4MiwwLDAuODk0Yy0wLjA3MywwLTAuMTI1LDAtMC4xNzUsMCBjLTAuNTUzLDAtMS4xMDYtMC4wMDctMS42NTcsMC4wMDVjLTAuMTksMC4wMDMtMC4zODcsMC4wMjktMC41NjgsMC4wODdjLTAuNzE1LDAuMjMtMS4xMDUsMC44MzktMS4xMDIsMS42ODMgYzAuMDAxLDAuMTk2LDAuMDE4LDAuMjEzLDAuMjE0LDAuMjEzYzEuNzYyLDAsOC44MDksMCwxMC41NzEsMGMwLjE5NywwLDAuMjEzLTAuMDE3LDAuMjE0LTAuMjEzIEMyMC41MDQsMTAuODc4LDIwLjExNCwxMC4yNjksMTkuMzk5LDEwLjAzOXogTTEzLjk5MSw5LjkzNmMwLTAuMjg2LTAuMDAzLTAuNTYxLDAuMDAxLTAuODM2YzAuMDAxLTAuMTA0LDAuMDY3LTAuMTY1LDAuMTY5LTAuMTY2IGMwLjI4LTAuMDAxLDEuMzk4LTAuMDAxLDEuNjc4LDBjMC4xMDIsMC4wMDEsMC4xNjcsMC4wNjIsMC4xNjksMC4xNjZjMC4wMDQsMC4yNzUsMC4wMDEsMC41NSwwLjAwMSwwLjgzNiBDMTUuNjY3LDkuOTM2LDE0LjMzNCw5LjkzNiwxMy45OTEsOS45MzZ6Ii8+PC9zdmc+"); } .layout .story-community .upost .upost-tools .upost-quote { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTkuNSwxMC42NjloNC42MTh2My41NTZjMCwxLjMxLTAuMjcyLDIuMzQyLTAuODE2LDMuMWMtMC41NDYsMC43NTctMS40NzYsMS40MjYtMi43OTMsMi4wMDZMOS41LDE3LjQ0MSBjMC44MjEtMC4zODIsMS4zODYtMC43NjMsMS42OTQtMS4xNDFjMC4zMDctMC4zNzksMC40NzktMC44MjYsMC41MTUtMS4zNDNIOS41VjEwLjY2OXogTTE1Ljg4MiwxMC42NjlIMjAuNXYzLjU1NiBjMCwxLjMxLTAuMjcxLDIuMzQyLTAuODE3LDMuMWMtMC41NDUsMC43NTctMS40NzUsMS40MjYtMi43OTIsMi4wMDZsLTEuMDA5LTEuODljMC44MjEtMC4zODIsMS4zODYtMC43NjMsMS42OTMtMS4xNDEgYzAuMzA5LTAuMzc5LDAuNDgtMC44MjYsMC41MTYtMS4zNDNoLTIuMjA5VjEwLjY2OXoiLz48L3N2Zz4="); } .layout .story-community .upost .upost-tools .upost-sticky { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTE2LjA3IDE4LjQ1bDQuNTMtNC41My41Ny41NyAxLjEzLTEuMTMtNS42Ni01LjY2LTEuMTMgMS4xMy41Ny41Ny00LjUzIDQuNTNIOS4yOWwtMS4xMyAxLjEzTDExLjEgMThsLTMuNCAzLjM5LjkxLjkxTDEyIDE4LjlsMi45NCAyLjk0IDEuMTMtMS4xM3YtMi4yNnoiLz48L3N2Zz4="); } .layout .story-community .upost .upost-tools .upost-sticky.issticky { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZmlsbD0iIzM4YThlMCIgZD0iTTE2LjA3IDE4LjQ1bDQuNTMtNC41My41Ny41NyAxLjEzLTEuMTMtNS42Ni01LjY2LTEuMTMgMS4xMy41Ny41Ny00LjUzIDQuNTNIOS4yOWwtMS4xMyAxLjEzTDExLjEgMThsLTMuNCAzLjM5LjkxLjkxTDEyIDE4LjlsMi45NCAyLjk0IDEuMTMtMS4xM3YtMi4yNnoiLz48L3N2Zz4="); } .layout .story-community .upost .upost-tools .upost-subscribe:not(.subscribed) { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTE1IDIzLjMzYTEuNjcgMS42NyAwIDAwMS42Ny0xLjY2aC0zLjM0QTEuNjcgMS42NyAwIDAwMTUgMjMuMzN6bTUtNXYtNC4xNmMwLTIuNTYtMS4zNi00LjctMy43NS01LjI3di0uNTdhMS4yNSAxLjI1IDAgMDAtMi41IDB2LjU3QTUuMDcgNS4wNyAwIDAwMTAgMTQuMTd2NC4xNkw4LjMzIDIwdi44M2gxMy4zNFYyMHptLTEuNjcuODRoLTYuNjZ2LTVjMC0yLjA3IDEuMjUtMy43NSAzLjMzLTMuNzVzMy4zMyAxLjY4IDMuMzMgMy43NXoiLz48L3N2Zz4="); } .layout .story-community .upost .upost-tools .upost-subscribe:not(.subscribed):focus, .layout .story-community .upost .upost-tools .upost-subscribe:not(.subscribed):hover { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTEzLjMzNCAyMS42NjdoMy4zMzNhMS42NjY1IDEuNjY2NSAwIDExLTMuMzMzIDB6bS01LS44MzN2LS44MzNMMTAgMTguMzMzdi00LjE2N0E1LjA3IDUuMDcgMCAwMTEzLjc1IDguOXYtLjU2N2ExLjI1IDEuMjUgMCAxMTIuNSAwVjguOWMyLjM5Mi41NjYgMy43NSAyLjcwOCAzLjc1IDUuMjY2djQuMTY3TDIxLjY2NyAyMHYuODMzem0zLjMzMy02LjY2OHY1aDYuNjY2di01YzAtMi4wNjYtMS4yNTgtMy43NDktMy4zMzQtMy43NDlzLTMuMzMyIDEuNjgzLTMuMzMyIDMuNzQ5em05Ljk3NS0uNDE3YTcuMDc5IDcuMDc5IDAgMDAtMi45NS01LjM1bDEuMTgzLTEuMTkyYTguNzQzIDguNzQzIDAgMDEzLjQzNCA2LjU0MnptLTE0Ljk1IDBhOC42OTEgOC42OTEgMCAwMTMuNDM0LTYuNTQybDEuMTkxIDEuMTkyYTcuMDM5IDcuMDM5IDAgMDAtMi45NTggNS4zNXoiLz48L3N2Zz4="); } .layout .story-community .upost .upost-tools .upost-subscribe.subscribed, .layout .story-community .upost .upost-tools .upost-subscribe.subscribed:hover, .layout .story-community .upost .upost-tools .upost-subscribe.subscribed:focus { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTExLjMyIDguNGwtMS4yLTEuMmE4LjY5IDguNjkgMCAwMC0zLjQzIDYuNTVoMS42N2E3LjA0IDcuMDQgMCAwMTIuOTYtNS4zNXptMTAuMzIgNS4zNWgxLjY3YTguNzQgOC43NCAwIDAwLTMuNDMtNi41NEwxOC42OSA4LjRhNy4wOCA3LjA4IDAgMDEyLjk1IDUuMzV6bS0xLjY0LjQyYTUuMDggNS4wOCAwIDAwLTMuNzUtNS4yN3YtLjU3YTEuMjUgMS4yNSAwIDEwLTIuNSAwdi41N2MtMi40LjU3LTMuNzUgMi43LTMuNzUgNS4yN3Y0LjE2TDguMzMgMjB2LjgzaDEzLjMzVjIwTDIwIDE4LjMzem0tNSA5LjE2YTEuNDYgMS40NiAwIDAwLjMzLS4wMyAxLjcgMS43IDAgMDAxLjItLjk4IDEuNjcgMS42NyAwIDAwLjEzLS42NWgtMy4zM0ExLjY4IDEuNjggMCAwMDE1IDIzLjMzeiIvPjwvc3ZnPg=="); } .layout .story-community .upost .upost-tools .upost-subscribe[disabled]:hover { cursor: wait; } .layout .story-community .upost.upost-is-force-relevance .upost-tools .upost-ratings-difference { float: right; height: 40px; line-height: 40px; opacity: 0.6; } .layout .story-community .upost.upost-is-force-relevance .upost-tools .upost-rateup, .layout .story-community .upost.upost-is-force-relevance .upost-tools .upost-ratedown { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNMjYuNSwxMC41LDIwLjA1OSw1VjguMTI1SDExLjV2NC43NWg4LjU1OVYxNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjUgMjcpIHJvdGF0ZSgtOTApIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+"); background-size: initial; } .layout .story-community .upost.upost-is-force-relevance .upost-tools .upost-ratedown { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .layout .story-community .upost .upost-sharemenu { position: absolute; bottom: 42px; right: 0; width: 100%; max-width: 250px; font-size: 0.8125rem; font-size: 13px; } .layout .story-community .upost .upost-sharemenu ul { background-color: #202226; margin: 0; padding: 5px; list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; background-color: var(--theme-ui-background); position: relative; } .layout .story-community .upost .upost-sharemenu li { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 0 5px; padding: 0; list-style-type: none; text-align: center; } .layout .story-community .upost .upost-sharemenu li:last-child::after { border-color: #202226 transparent transparent; content: ''; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0; border-color: var(--theme-ui-background) transparent transparent; position: absolute; right: 135px; bottom: -6px; margin: 0 auto; } .layout .story-community .upost .upost-sharemenu a { color: #fff; display: block; color: var(--theme-ui-tint); border-bottom: none; padding: 5px 0; cursor: pointer; } .layout .story-community .upost .upost-sharemenu a:hover { text-decoration: none; } .layout .story-community .upost .upost-sharemenu a::before { border-radius: 100%; width: 50px; height: 50px; background-color: #444444; background-position: 50% 50%; background-size: 44px 44px; background-repeat: no-repeat; content: ''; display: block; margin: 0 auto 6px; border: 1px solid #444444; box-sizing: border-box; } .layout .story-community .upost .upost-sharemenu-twitter a::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjkiPjxwYXRoIGQ9Ik0xOS45NDUsMTIuNDY1YzAuMDA1LDAuMTA5LDAuMDA3LDAuMjE5LDAuMDA3LDAuMzI5YzAsMy4zNy0yLjU2Niw3LjI1OC03LjI1OCw3LjI1OGMtMS40NDEsMC0yLjc4Mi0wLjQyMi0zLjkxLTEuMTQ2IGMwLjE5OSwwLjAyMywwLjQwMiwwLjAzNSwwLjYwOCwwLjAzNWMxLjE5NSwwLDIuMjk0LTAuNDA3LDMuMTY4LTEuMDkyYy0xLjExNy0wLjAyLTIuMDYtMC43NTgtMi4zODMtMS43NzEgYzAuMTU1LDAuMDMsMC4zMTQsMC4wNDUsMC40NzksMC4wNDVjMC4yMzMsMCwwLjQ1OS0wLjAyOSwwLjY3My0wLjA4OWMtMS4xNjYtMC4yMzMtMi4wNDYtMS4yNjYtMi4wNDYtMi41MDEgYzAtMC4wMTEsMC0wLjAyMSwwLTAuMDMyYzAuMzQ0LDAuMTkxLDAuNzM2LDAuMzA4LDEuMTU1LDAuMzE5Yy0wLjY4Ny0wLjQ1Ny0xLjEzNS0xLjIzOC0xLjEzNS0yLjEyMyBjMC0wLjQ2OSwwLjEyNS0wLjkwNSwwLjM0Ni0xLjI4M2MxLjI1NywxLjU0NCwzLjEzNiwyLjU1OSw1LjI1NywyLjY2NmMtMC4wNDQtMC4xODgtMC4wNjUtMC4zODEtMC4wNjUtMC41ODIgYzAtMS40MDgsMS4xNDEtMi41NSwyLjU1MS0yLjU1YzAuNzMyLDAsMS4zOTYsMC4zMSwxLjg2MiwwLjgwNWMwLjU3OC0wLjExNCwxLjEyNi0wLjMyNywxLjYyLTAuNjE4IGMtMC4xOTIsMC41OTUtMC41OTYsMS4wOTYtMS4xMjQsMS40MWMwLjUxOC0wLjA2MSwxLjAxLTAuMTk3LDEuNDY2LTAuNEMyMC44NzcsMTEuNjU2LDIwLjQ0MywxMi4xMDUsMTkuOTQ1LDEyLjQ2NXoiLz48L2c+PC9zdmc+"); } .layout .story-community .upost .upost-sharemenu-facebook a::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjkiPjxwYXRoIGQ9Ik0xNy42MzQsMTUuMDA1SDE1LjkxYzAsMi43NTYsMCw2LjE0NywwLDYuMTQ3aC0yLjU1NmMwLDAsMC0zLjM1OSwwLTYuMTQ3aC0xLjIxNHYtMi4xNzNoMS4yMTR2LTEuNDA1IGMwLTEuMDA1LDAuNDc5LTIuNTc5LDIuNTc5LTIuNTc5bDEuODkzLDAuMDA4djIuMTA4YzAsMC0xLjE1LDAtMS4zNzQsMHMtMC41NDIsMC4xMTItMC41NDIsMC41OTJ2MS4yNzZoMS45NDlMMTcuNjM0LDE1LjAwNXoiLz48L2c+PC9zdmc+"); } .layout .story-community .upost .upost-sharemenu-googleplus a::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjkiPjxwYXRoIGQ9Ik0xMS45NDgsMTQuMjUzdjEuNWgzLjA4M2MtMC4xMiwwLjc1LTAuOTAxLDIuNDE1LTIuOTc5LDIuNDE1IGMtMS43OTMsMC0zLjI1NS0xLjQxLTMuMjU1LTMuMjM5YzAtMS44MywxLjQ2Mi0zLjI3OCwzLjI1NS0zLjI3OGMxLjAyLDAsMS43MDIsMC40NTQsMi4wOTQsMC44MjlsMS40MjQtMS4zNjMgYy0wLjkxNC0wLjg1NS0yLjEtMS4zNjctMy41MTgtMS4zNjdjLTIuOTAxLDAtNS4yNSwyLjM1LTUuMjUsNS4yNTJzMi4zNDksNS4yNSw1LjI1LDUuMjVjMy4wMzEsMCw1LjA0MS0yLjEyOSw1LjA0MS01LjEyOSBjMC0wLjM0NS0wLjAzOC0wLjYwNy0wLjA4NC0wLjg2OUgxMS45NDhMMTEuOTQ4LDE0LjI1M3oiLz48cGF0aCBkPSJNMjMuMTk4LDE1Ljc1M2gtMS41djEuNWgtMS41di0xLjVoLTEuNXYtMS41aDEuNXYtMS41aDEuNXYxLjVoMS41IFYxNS43NTN6Ii8+PC9nPjwvc3ZnPg=="); } .layout .story-community .upost .upost-sharemenu-whatsapp a::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjkiPjxwYXRoIGQ9Ik0xOC4zNzIsMTYuNDY3Yy0wLjE4My0wLjA5LTEuMDgzLTAuNTM0LTEuMjUxLTAuNTk1Yy0wLjE2OC0wLjA2Mi0wLjI5LTAuMDkyLTAuNDEyLDAuMDkyIGMtMC4xMjMsMC4xODMtMC40NzMsMC41OTYtMC41NzksMC43MTljLTAuMTA4LDAuMTIyLTAuMjE0LDAuMTM4LTAuMzk3LDAuMDQ2Yy0wLjE4NC0wLjA5My0wLjc3My0wLjI4Ni0xLjQ3My0wLjkxIGMtMC41NDQtMC40ODUtMC45MTEtMS4wODUtMS4wMi0xLjI2OWMtMC4xMDUtMC4xODMtMC4wMTEtMC4yODIsMC4wODEtMC4zNzNjMC4wODEtMC4wODIsMC4xODQtMC4yMTQsMC4yNzQtMC4zMjIgYzAuMDkyLTAuMTA2LDAuMTIxLTAuMTgzLDAuMTg0LTAuMzA1YzAuMDYxLTAuMTIyLDAuMDMtMC4yMjktMC4wMTYtMC4zMmMtMC4wNDctMC4wOTItMC40MTItMC45OTMtMC41NjQtMS4zNTkgYy0wLjE1LTAuMzU4LTAuMzAxLTAuMzEtMC40MTItMC4zMTZjLTAuMTA2LTAuMDA1LTAuMjI5LTAuMDA2LTAuMzUyLTAuMDA2Yy0wLjEyMSwwLTAuMzIsMC4wNDYtMC40ODgsMC4yMjkgYy0wLjE2NywwLjE4My0wLjY0LDAuNjI2LTAuNjQsMS41MjZjMCwwLjkwMywwLjY1NSwxLjc3MywwLjc0NywxLjg5NmMwLjA5MiwwLjEyMiwxLjI5MSwxLjk3MiwzLjEyNywyLjc2NiBjMC40MzgsMC4xODgsMC43NzksMC4zMDIsMS4wNDYsMC4zODZjMC40MzgsMC4xNCwwLjgzNywwLjExOSwxLjE1MywwLjA3MmMwLjM1Mi0wLjA1MywxLjA4My0wLjQ0NCwxLjIzNC0wLjg3MSBjMC4xNTMtMC40MjgsMC4xNTMtMC43OTUsMC4xMDgtMC44N0MxOC42NzgsMTYuNjA1LDE4LjU1NiwxNi41NiwxOC4zNzIsMTYuNDY3eiIvPjxwYXRoIGQ9Ik0yMC4yMTUsOS43NTRjLTEuMzg0LTEuMzg1LTMuMjIzLTIuMTQ5LTUuMTg1LTIuMTQ5Yy00LjA0LDAtNy4zMjcsMy4yODctNy4zMjksNy4zMjhjMCwxLjI5MywwLjMzOCwyLjU1MywwLjk3OSwzLjY2NCBsLTEuMDQsMy43OTlsMy44ODUtMS4wMTljMS4wNywwLjU4MywyLjI3NSwwLjg5MSwzLjUwMywwLjg5MWgwLjAwM2M0LjAzOSwwLDcuMzI3LTMuMjg4LDcuMzI4LTcuMzI5IEMyMi4zNjEsMTIuOTgxLDIxLjYsMTEuMTQsMjAuMjE1LDkuNzU0eiBNMTUuMDMxLDIxLjAyOWgtMC4wMDNjLTEuMDkzLDAtMi4xNjQtMC4yOTMtMy4xMDEtMC44NDhsLTAuMjIzLTAuMTMzTDkuNCwyMC42NTQgbDAuNjE1LTIuMjQ4bC0wLjE0NS0wLjIyOWMtMC42MS0wLjk3Mi0wLjkzMi0yLjA5My0wLjkzMi0zLjI0NGMwLjAwMS0zLjM1OCwyLjczNC02LjA5MSw2LjA5NC02LjA5MSBjMS42MjgsMC4wMDIsMy4xNTYsMC42MzcsNC4zMDcsMS43ODhjMS4xNSwxLjE1LDEuNzgzLDIuNjgxLDEuNzgyLDQuMzA5QzIxLjEyMSwxOC4yOTksMTguMzg5LDIxLjAyOSwxNS4wMzEsMjEuMDI5eiIvPjwvZz48L3N2Zz4="); } .layout .story-community .upost .upost-sharemenu-twitter a:hover::before { background-color: #0095d2; border-color: #0095d2; } .layout .story-community .upost .upost-sharemenu-facebook a:hover::before { background-color: #3b5980; border-color: #3b5980; } .layout .story-community .upost .upost-sharemenu-googleplus a:hover::before { background-color: #c34e41; border-color: #c34e41; } .layout .story-community .upost .upost-sharemenu-whatsapp a:hover::before { background-color: #25b266; border-color: #25b266; } .layout .story-community .upost .upost-sharemenu li.upost-sharemenu-permalink { width: 100%; margin-bottom: 0; padding: 12px; line-height: 130%; background-color: rgba(255, 255, 255, 0.9); color: rgba(0, 0, 0, 0.5); text-align: left; } .layout .story-community .upost .upost-sharemenu li.upost-sharemenu-permalink:hover { background-color: white; } .layout .story-community .upost .upost-sharemenu li.upost-sharemenu-permalink a { color: rgba(0, 0, 0, 0.5); padding: 0; } .layout .story-community .upost .upost-sharemenu li.upost-sharemenu-permalink a::before { content: none; } .layout .story-community .upost .upost-sharemenu li.upost-sharemenu-permalink input { -webkit-appearance: none; padding: 0; color: #000; background: none; font-size: 0.9375rem; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; border: none; border-radius: 0; width: 100%; } .layout .story-community .upost[data-rpos='0'][data-rneg='0'] .upost-head .upost-postingcontainer { -webkit-flex-basis: 105px; -ms-flex-preferred-size: 105px; flex-basis: 105px; } .layout .story-community .upost[data-level='0'] .upost-content { border-left-width: 0; } .layout .story-community .upost[data-level='0'] .upost-content::after { left: 0; width: 0; } .layout .story-community .upost[data-level='1'] .upost-content { border-left-width: 5px; } .layout .story-community .upost[data-level='1'] .upost-content::after { left: -5px; width: 5px; } .layout .story-community .upost[data-level='2'] .upost-content { border-left-width: 10px; } .layout .story-community .upost[data-level='2'] .upost-content::after { left: -10px; width: 10px; } .layout .story-community .upost[data-level='3'] .upost-content { border-left-width: 15px; } .layout .story-community .upost[data-level='3'] .upost-content::after { left: -15px; width: 15px; } .layout .story-community .upost[data-level='4'] .upost-content { border-left-width: 20px; } .layout .story-community .upost[data-level='4'] .upost-content::after { left: -20px; width: 20px; } .layout .story-community .upost[data-level='5'] .upost-content { border-left-width: 25px; } .layout .story-community .upost[data-level='5'] .upost-content::after { left: -25px; width: 25px; } .layout .story-community .upost[data-level='6'] .upost-content { border-left-width: 30px; } .layout .story-community .upost[data-level='6'] .upost-content::after { left: -30px; width: 30px; } .layout .story-community .upost[data-level='7'] .upost-content { border-left-width: 35px; } .layout .story-community .upost[data-level='7'] .upost-content::after { left: -35px; width: 35px; } .layout .story-community .upost[data-level='8'] .upost-content { border-left-width: 40px; } .layout .story-community .upost[data-level='8'] .upost-content::after { left: -40px; width: 40px; } .layout .story-community .upost[data-level='9'] .upost-content { border-left-width: 45px; } .layout .story-community .upost[data-level='9'] .upost-content::after { left: -45px; width: 45px; } .layout .story-community .upost[data-level='10'] .upost-content { border-left-width: 50px; } .layout .story-community .upost[data-level='10'] .upost-content::after { left: -50px; width: 50px; } .layout .story-community .upost[data-level='11'] .upost-content { border-left-width: 55px; } .layout .story-community .upost[data-level='11'] .upost-content::after { left: -55px; width: 55px; } .layout .story-community .upost[data-level='12'] .upost-content { border-left-width: 60px; } .layout .story-community .upost[data-level='12'] .upost-content::after { left: -60px; width: 60px; } .layout .story-community .upost[data-level='13'] .upost-content { border-left-width: 65px; } .layout .story-community .upost[data-level='13'] .upost-content::after { left: -65px; width: 65px; } .layout .story-community .upost[data-level='14'] .upost-content { border-left-width: 70px; } .layout .story-community .upost[data-level='14'] .upost-content::after { left: -70px; width: 70px; } .layout .story-community .upost[data-level='15'] .upost-content { border-left-width: 75px; } .layout .story-community .upost[data-level='15'] .upost-content::after { left: -75px; width: 75px; } .layout .story-community .upost[data-level='16'] .upost-content { border-left-width: 80px; } .layout .story-community .upost[data-level='16'] .upost-content::after { left: -80px; width: 80px; } .layout .story-community .upost[data-level='17'] .upost-content { border-left-width: 85px; } .layout .story-community .upost[data-level='17'] .upost-content::after { left: -85px; width: 85px; } .layout .story-community .upost[data-level='18'] .upost-content { border-left-width: 90px; } .layout .story-community .upost[data-level='18'] .upost-content::after { left: -90px; width: 90px; } .layout .story-community .upost[data-level='19'] .upost-content { border-left-width: 95px; } .layout .story-community .upost[data-level='19'] .upost-content::after { left: -95px; width: 95px; } .layout .story-community .upost[data-level='0'] .communityform form::before { left: 32px; } .layout .story-community .upost[data-level='1'] .communityform form::before { left: 37px; } .layout .story-community .upost[data-level='2'] .communityform form::before { left: 42px; } .layout .story-community .upost[data-level='3'] .communityform form::before { left: 47px; } .layout .story-community .upost[data-level='4'] .communityform form::before { left: 52px; } .layout .story-community .upost[data-level='5'] .communityform form::before { left: 57px; } .layout .story-community .upost[data-level='6'] .communityform form::before { left: 62px; } .layout .story-community .upost[data-level='7'] .communityform form::before { left: 67px; } .layout .story-community .upost[data-level='8'] .communityform form::before { left: 72px; } .layout .story-community .upost[data-level='9'] .communityform form::before { left: 77px; } .layout .story-community .upost[data-level='10'] .communityform form::before { left: 82px; } .layout .story-community .upost[data-level='11'] .communityform form::before { left: 87px; } .layout .story-community .upost[data-level='12'] .communityform form::before { left: 92px; } .layout .story-community .upost[data-level='13'] .communityform form::before { left: 97px; } .layout .story-community .upost[data-level='14'] .communityform form::before { left: 102px; } .layout .story-community .upost[data-level='15'] .communityform form::before { left: 107px; } .layout .story-community .upost[data-level='16'] .communityform form::before { left: 112px; } .layout .story-community .upost[data-level='17'] .communityform form::before { left: 117px; } .layout .story-community .upost[data-level='18'] .communityform form::before { left: 122px; } .layout .story-community .upost[data-level='19'] .communityform form::before { left: 127px; } .layout .story-community .upost[data-is-selected='true'] .upost-content, .layout .story-community .upost[data-is-selected='true'] .upost-head, .layout .story-community .upost[data-is-selected='true'] .upost-body, .layout .story-community .upost[data-is-selected='true'] .upost-tools { background-color: #fdc732 !important; } .layout .story-community .upost[data-is-selected='true'] .upost-content::before { border-color: transparent #fdc732 transparent transparent !important; } .layout .story-community .upost[data-is-selected='true'].upost-is-reply .upost-content::before { border-color: #fdc732 transparent transparent !important; } .layout .story-community .upost[data-is-selected='true'] .upost-communityname { color: rgba(0, 0, 0, 0.8) !important; } .layout .story-community .upost-is-reply { margin-left: 10px; } .layout .story-community .upost-is-reply .upost-content { border-left: 95px solid rgba(0, 0, 0, 0.15); } .layout .story-community .upost-is-reply .upost-content::before { border-width: 6px 5px 0 0; border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent; position: absolute; left: auto; right: -5px; } .layout .story-community .upost-is-reply .upost-content::after { content: ''; display: block; width: 95px; height: 8px; position: absolute; left: -95px; top: 10px; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA1IDgiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIj48cG9seWdvbiBwb2ludHM9IjAsMSAwLDcgMyw0IiBmaWxsPSJyZ2JhKDAsMCwwLC41KSIvPjwvc3ZnPg=="); background-repeat: repeat-x; background-position: 0% 0%; background-size: 5px 8px; } .layout .story-community .upost-is-reply + .upost { margin-top: 0; } .layout .story-community .upost-is-reply + .upost.upost-is-reply { margin-top: 0; } .layout .story-community .upost-is-new .upost-inner::after { border-color: transparent transparent transparent #e00085; content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 8px 0 0 9px; border-color: transparent transparent transparent var(--theme-primarydeco); } .layout .story-community .upost-is-new.upost-is-reply.upost-is-expanded { left: 8px; left: 100vw; } .layout .story-community .upost-is-new.upost-is-expanded { left: -8px; left: -100vw; -webkit-animation: 0.2s 0.1s forwards animation-slideleft; animation: 0.2s 0.1s forwards animation-slideleft; } .layout .story-community .upost-is-truncated .upost-text { max-height: 485px; max-height: 18.75rem; max-height: 300px; } .layout .story-community .upost-is-truncated .upost-expandlink { display: block; text-align: center; padding: 5px; line-height: 130%; color: rgba(0, 0, 0, 0.6); border-top: 1px dashed rgba(0, 0, 0, 0.2); margin-top: 10px; text-decoration: none; cursor: pointer; } .layout .story-community .upost-is-expanded { height: auto; margin-bottom: 2px; margin-top: 4px; overflow: visible; } @media (min-width: 960px) { .layout .story-community .upost-is-expanded { margin-top: 16px; margin-bottom: 4px; } } .layout .story-community .upost-is-expanded.upost-is-reply + .upost { margin-top: 16px; } .layout .story-community .upost-is-expanded.upost-is-reply { margin-top: 2px; } .layout .story-community .upost-is-expanded.upost-is-reply + .upost.upost-is-reply { margin-top: 2px; } .layout .story-community .upost-is-expanded.upost-is-embedded { margin-top: 0; margin-bottom: 0; } .layout .story-community .upost-is-ignored { line-height: 100%; } .layout .story-community .upost-is-ignored .upost-head .upost-postingcontainer { -webkit-flex: 9999 1 130px; -ms-flex: 9999 1 130px; flex: 9999 1 130px; } .layout .story-community .upost-is-ignored .upost-follower, .layout .story-community .upost-is-ignored .upost-date, .layout .story-community .upost-is-ignored .ratings, .layout .story-community .upost-is-ignored .upost-body, .layout .story-community .upost-is-ignored .upost-tools, .layout .story-community .upost-is-ignored .upost-sliderate { display: none; } .layout .story-community .upost-is-ignored .upost-communityname { display: inline-block; color: rgba(0, 0, 0, 0.5); } .layout .story-community .upost-is-ignored .upost-unignore { display: inline-block !important; width: 15px; min-width: 15px; padding-bottom: 9px; height: 20px; vertical-align: middle; text-indent: -10000px; opacity: 0.5; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNSAxMCI+PHJlY3QgeD0iMS4wNTQiIHk9IjQuNTQxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMC43MDcxIC0xLjI4OTggNi44ODU2KSIgd2lkdGg9IjEzLjIyNSIgaGVpZ2h0PSIwLjkxNyIvPjxwYXRoIGQ9Ik03LjM2Nyw4LjAxYzEuNjUzLDAsMi45OTQtMS4zNCwyLjk5NC0yLjk5NGMwLTAuMTg4LTAuMDIyLTAuMzcyLTAuMDU5LTAuNTQ5TDYuODIsNy45NTNDNi45OTcsNy45OSw3LjE4LDguMDEsNy4zNjcsOC4wMSB6Ii8+PHBhdGggZD0iTTcuMzY3LDIuMDE5Yy0xLjY1MSwwLTIuOTk0LDEuMzQyLTIuOTk0LDIuOTk3YzAsMC4zNDgsMC4wNzMsMC42OCwwLjE3OCwwLjk5NGwzLjgxMS0zLjgwNiBDOC4wNDksMi4wOTEsNy43MTksMi4wMTksNy4zNjcsMi4wMTl6Ii8+PHBhdGggZD0iTTEyLjUyNiwyLjI0NkwxMS4yNzYsMy41YzAuMTgsMC40NzEsMC4yOSwwLjk3OCwwLjI5LDEuNTE1YzAsMi4zMTctMS44OCw0LjE5Ni00LjE5OCw0LjE5NiBjLTAuNTM2LDAtMS4wNDItMC4xMDUtMS41MTYtMC4yODlMNS4zODMsOS4zOTJjMC42MDUsMC4xNDcsMS4yNjIsMC4yMzksMS45ODMsMC4yMzljNS4zMDUsMCw3LjM2Ny00LjYxMiw3LjM2Ny00LjYxMiBTMTQuMDY5LDMuNTMsMTIuNTI2LDIuMjQ2eiIvPjxwYXRoIGQ9Ik0zLjY0NSw2LjkxOUMzLjM1LDYuMzQ0LDMuMTY5LDUuNzAyLDMuMTY5LDUuMDE2YzAtMi4zMiwxLjg3OS00LjIsNC4yMDItNC4yYzAuNjksMCwxLjMyNiwwLjE3OCwxLjksMC40NzZsMC41MzEtMC41MjcgQzkuMDc3LDAuNTQsOC4yNzIsMC4zOTgsNy4zNjcsMC4zOThDMi4wNiwwLjM5OCwwLDUuMDE1LDAsNS4wMTVzMC43NjIsMS42ODQsMi41MzEsMy4wMTdMMy42NDUsNi45MTl6Ii8+PC9zdmc+"); background-repeat: no-repeat; background-position: 0% 0%; } .layout .story-community .upost-is-ignored-communityidentityid .upost-communityname::after { content: ''; display: inline-block; height: 10px; width: 10px; margin-top: 1px; margin-left: 3px; opacity: 0.8; vertical-align: inherit; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMCAxMCI+PGcgZmlsbD0iYmxhY2siPjxwYXRoIGQ9Ik01LDBDMi4yMzksMCwwLDIuMjM4LDAsNWMwLDIuNzYzLDIuMjM4LDUsNSw1YzIuNzYsMCw1LTIuMjM4LDUtNUMxMCwyLjI0LDcuNzYyLDAsNSwweiBNMS4xMTIsNSBjMC0yLjE0NywxLjc0MS0zLjg4OSwzLjg4OS0zLjg4OWMwLjg3NCwwLDEuNjcsMC4zLDIuMzE5LDAuNzg0TDEuODk2LDcuMzE5QzEuNDEsNi42NywxLjExMiw1Ljg3MiwxLjExMiw1eiBNNSw4Ljg4OCBjLTAuODczLDAtMS42Ny0wLjI5Ny0yLjMxOS0wLjc4NEw4LjEwNSwyLjY4QzguNTkxLDMuMzMsOC44ODksNC4xMjYsOC44ODksNUM4Ljg4OSw3LjE0Nyw3LjE0OCw4Ljg4OCw1LDguODg4eiIvPjwvZz48L3N2Zz4="); background-repeat: no-repeat; } .layout .story-community .upost-is-ignored-communityidentityid.upost-is-ignored .upost-communityname::after { opacity: 0.5; } .layout .story-community .upost-is-ignored-communityidentityid .upost-usermenu-ignorecommunityidentityid { display: none; } .layout .story-community .upost-is-ignored-communityidentityid .upost-usermenu-unignorecommunityidentityid { display: block; } .layout .story-community .upost-is-bycommunityguide .upost-head, .layout .story-community .upost-is-byemployee .upost-head, .layout .story-community .upost-is-byfollowee .upost-head { background-color: rgba(255, 255, 255, 0.9); } .layout .story-community .upost-is-bycommunityguide .upost-content::before, .layout .story-community .upost-is-byemployee .upost-content::before, .layout .story-community .upost-is-byfollowee .upost-content::before { border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent; } .layout .story-community .upost-is-bycommunityguide.upost-is-reply .upost-content::before, .layout .story-community .upost-is-byemployee.upost-is-reply .upost-content::before, .layout .story-community .upost-is-byfollowee.upost-is-reply .upost-content::before { border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent; } .layout .story-community .upost-is-byfollowee:not([data-is-selected='true']) .upost-communityname { color: #38a8e0; } .layout .story-community .upost-is-bycommunityguide:not([data-is-selected='true']) .upost-communityname { color: #2e7d32; } .layout .story-community .upost-is-byemployee:not([data-is-selected='true']) .upost-communityname { color: #e00085; } .layout .story-community .upost-is-byemployee:not([data-is-selected='true']) .upost-verified-identity::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZmlsbD0iI2VjMDA4YyIgc3Ryb2tlPSIjZDExYTg2IiBkPSJNNS44OTIuMjg2YS44LjgsMCwwLDEsMS4yMjcsMEw3LjQzLjYzOGExLjYxMiwxLjYxMiwwLDAsMCwxLjUuNDQ1bC40NS0uMTI2YS44LjgsMCwwLDEsMS4wMzEuNjdsLjA3MS40NjVhMS42MzMsMS42MzMsMCwwLDAsMS4wMjQsMS4xOTRsLjQ0Ny4xNGEuODEzLjgxMywwLDAsMSwuNTEsMS4xMjZsLS4xODkuNDMxQTEuNjQ3LDEuNjQ3LDAsMCwwLDEyLjUsNi41NDdsLjMuMzYxYS44MTMuODEzLDAsMCwxLS4xNzUsMS4yMjRsLS4zOS4yNjFhMS42NDUsMS42NDUsMCwwLDAtLjY1LDEuNDM2bC4wNi40NjhhLjgwOS44MDksMCwwLDEtLjguOTM2bC0uNDY4LjAwN2ExLjYyLDEuNjIsMCwwLDAtMS4zMTcuODU0bC0uMi40MjZhLjguOCwwLDAsMS0xLjE3Ni4zNDlsLS40LS4yNDlhMS42MTUsMS42MTUsMCwwLDAtMS41NjYsMGwtLjQuMjQ5YS44LjgsMCwwLDEtMS4xNzYtLjM0OWwtLjItLjQyNmExLjYyLDEuNjIsMCwwLDAtMS4zMTctLjg1NGwtLjQ2OC0uMDA3YS44MDguODA4LDAsMCwxLS44LS45MzZsLjA2LS40NjhhMS42MzksMS42MzksMCwwLDAtLjY1LTEuNDM2bC0uMzktLjI2MUEuODIuODIsMCwwLDEsLjIxLDYuOTA1bC4zLS4zNjFBMS42NTIsMS42NTIsMCwwLDAsLjczNSw0Ljk4TC41NDYsNC41NWEuODE0LjgxNCwwLDAsMSwuNTEtMS4xMjZsLjQ0Ny0uMTRBMS42MzMsMS42MzMsMCwwLDAsMi41MjcsMi4wOUwyLjYsMS42MjRBLjguOCwwLDAsMSwzLjYzLjk1NGwuNDUuMTI2YTEuNjEyLDEuNjEyLDAsMCwwLDEuNS0uNDQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUgLjUpIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQuMjMxLDcuOTgsMS40LDUuMTQ5LDIuNTgsMy45Nyw0LjIzMSw1LjYyMSw3LjY1MiwyLjJsMS4xOCwxLjE4LTQuNiw0LjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIi8+PC9zdmc+"); height: 14px; width: 14px; } .layout .story-community .upost-is-byfollowee .upost-usermenu .upost-usermenu-follow { display: none; } .layout .story-community .upost-is-byfollowee .upost-usermenu .upost-usermenu-unfollow { display: block; } .layout .story-community .upost-is-byunfollowed .upost-follower { display: none; } .layout .story-community .upost-is-embedded { display: block !important; } .layout .story-community .upost-is-embedded .upost-head { padding: 4px 20px; } .layout .story-community .upost-is-embedded .upost-usermenu { left: 10px; top: 34px; } .layout .story-community .upost-is-embedded .upost-body { padding: 16px 20px; } .layout .story-community .upost-is-embedded .upost-tools { padding: 0 0 0 20px; } .layout .story-community .upost-is-embedded .upost-sharemenu { bottom: 40px; } .layout .story-community .upost-is-embedded .upost-sharemenu li:last-child::after { right: 93px; } .layout .story-community .upost-is-sticky { margin: 0 0 10px; } .layout .story-community .upost-is-teaser .upost-content::before { content: none; } .layout .story-community .upost-is-teaser .upost-head { padding: 0 10px; } .layout .story-community .upost-is-teaser .upost-body { max-height: 27px; overflow: hidden; text-overflow: ellipsis; border-bottom: none; padding: 8px 10px; } .layout .story-community .upost-is-teaser .upost-title + .upost-text { margin-top: 0; } .layout .story-community .upost-is-teaser .upost-showmorelink { display: block; padding: 10px; background-color: rgba(0, 0, 0, 0.07); text-decoration: underline; color: rgba(0, 0, 0, 0.6); } .layout .story-community .upost-is-adblocked .ratings-counts, .layout .story-community .upost-is-adblocked .ratings-log { display: none; } .layout .story-community .upost-is-adblocked .ratings-adblockmock { display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout .story-community .large .upost { font-size: 19px; } .layout .story-community .large .upost .upost-intro { font-size: 19px; } .layout .story-community .large .upost .upost-head { font-size: 16px; line-height: 16px; min-height: 36px; } .layout .story-community .large .upost .upost-follower::after { width: 10px; } .layout .story-community .large .upost .upost-postingcontainer { -webkit-flex: 9999 1 330px; -ms-flex: 9999 1 330px; flex: 9999 1 330px; } .layout .story-community .large .upost .ratings-counts { font-size: 16px; line-height: 16px; } .layout .story-community .large .upost .ratings-counts > svg { width: 90px; } .layout .story-community .large .upost .upost-tools button, .layout .story-community .large .upost .upost-tools .upost-toolstext { height: 38px; line-height: 38px; } .layout .story-community .large .upost .upost-tools > a, .layout .story-community .large .upost .upost-tools button { font-size: 18px; } .layout .story-community .large .upost-is-ignored-communityidentityid .upost-communityname::after { width: 15px; } .layout .story-community .large .upost-is-ignored .upost-unignore { width: 21px; height: 25px; } .layout .story-community .large .upost-is-teaser .upost-body { max-height: 44px; } .layout .story-community .clearfix::after { clear: both; content: ''; display: table; } .layout .story-community .ratings { position: relative; display: inline-block; } .layout .story-community .ratings *[data-closable-active="false"] { display: none; } .layout .story-community .ratings .ratings-counts, .layout .story-community .ratings .ratings-adblockmock { -webkit-display: flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: normal; -ms-flex-align: normal; align-items: normal; font-size: 11px; line-height: 12px; cursor: pointer; } .layout .story-community .ratings .ratings-positive-count { color: #212121; } .layout .story-community .ratings .ratings-negative-count { color: #212121; } .layout .story-community .ratings .ratings-counts > svg { width: 75px; height: 10px; margin: 0 5px; } .layout .story-community .ratings .ratings-counts .ratings-counts-negativebar, .layout .story-community .ratings .ratings-counts .ratings-counts-positivebar { transition-property: width; transition-duration: 0.7s; transition-delay: 0.5s; } .layout .story-community .ratings-log { background-color: #202226; color: #fff; background-color: var(--theme-ui-background); color: var(--theme-ui-tint); font-size: 0.8125rem; font-size: 13px; position: absolute; right: 0; top: 100%; width: 250px; } .layout .story-community .ratings-log::after { border-color: transparent transparent #202226; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px; border-color: transparent transparent var(--theme-ui-background); position: absolute; right: 51px; top: -6px; margin: 0 auto; } .layout .story-community .ratings-log .ratings-log-inner { max-height: 367px; padding: 0 12px 6px; } .layout .story-community .ratings-log ul { margin: 0; padding: 6px 0 0 !important; list-style: none; } .layout .story-community .ratings-log li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 0; line-height: 1.8125rem; line-height: 29px; list-style-type: none; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .layout .story-community .ratings-log li:last-child { border-bottom: none; } .layout .story-community .ratings-log li .ratings-log-communityname { -webkit-flex-grow: 1; -webkit-flex-shrink: 1; border-bottom: none; color: currentColor; display: block; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; overflow: hidden; padding: 0; position: relative; text-overflow: ellipsis; white-space: nowrap; } .layout .story-community .ratings-log li .ratings-log-communityname:hover > span { text-decoration: underline; } .layout .story-community .ratings-log li .ratings-log-communityname.ratings-log-is-deleted { opacity: 0.7; } .layout .story-community .ratings-log li .ratings-log-communityname.ratings-log-is-deleted:hover > span { text-decoration: none; } .layout .story-community .ratings-log li .ratings-log-communityname.ratings-log-is-byverifieduser { overflow: visible; text-overflow: initial; } .layout .story-community .ratings-log li .ratings-log-communityname.ratings-log-is-byverifieduser > span { display: block; float: left; max-width: 160px; overflow: hidden; text-overflow: ellipsis; } .layout .story-community .ratings-log li .ratings-log-communityname.ratings-log-is-byverifieduser.ratings-log-is-byfollowee > span { max-width: 187px; } .layout .story-community .ratings-log li[data-rate*="tive"] .ratings-log-communityname::before { content: ''; display: inline-block; vertical-align: middle; margin-right: 5px; float: left; width: 15px; height: 100%; min-height: 29px; } .layout .story-community .ratings-log li[data-rate="positive"] .ratings-log-communityname::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBvbHlnb24gZmlsbD0iIzJkODMwNiIgcG9pbnRzPSIxMywyMiAxMywxNyA4LDE3IDgsMTQgMTMsMTQgMTMsOSAxNiw5IDE2LDE0IDIxLDE0IDIxLDE3IDE2LDE3IDE2LDIyIi8+PC9zdmc+"); background-position: 50% 50%; background-repeat: no-repeat; } .layout .story-community .ratings-log li[data-rate="negative"] .ratings-log-communityname::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHJlY3QgZmlsbD0iI2FlMDAwMCIgeD0iNyIgeT0iMTQiIHdpZHRoPSIxNSIgaGVpZ2h0PSIzIi8+PC9zdmc+"); background-position: 50% 50%; background-repeat: no-repeat; } .layout .story-community .ratings-log .ratings-log-communityname.ratings-log-is-byverifieduser::after { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZmlsbD0iIzM4YThlMCIgc3Ryb2tlPSIjMzg5Y2NlIiBkPSJNNS44OTIuMjg2YS44LjgsMCwwLDEsMS4yMjcsMEw3LjQzLjYzOGExLjYxMiwxLjYxMiwwLDAsMCwxLjUuNDQ1bC40NS0uMTI2YS44LjgsMCwwLDEsMS4wMzEuNjdsLjA3MS40NjVhMS42MzMsMS42MzMsMCwwLDAsMS4wMjQsMS4xOTRsLjQ0Ny4xNGEuODEzLjgxMywwLDAsMSwuNTEsMS4xMjZsLS4xODkuNDMxQTEuNjQ3LDEuNjQ3LDAsMCwwLDEyLjUsNi41NDdsLjMuMzYxYS44MTMuODEzLDAsMCwxLS4xNzUsMS4yMjRsLS4zOS4yNjFhMS42NDUsMS42NDUsMCwwLDAtLjY1LDEuNDM2bC4wNi40NjhhLjgwOS44MDksMCwwLDEtLjguOTM2bC0uNDY4LjAwN2ExLjYyLDEuNjIsMCwwLDAtMS4zMTcuODU0bC0uMi40MjZhLjguOCwwLDAsMS0xLjE3Ni4zNDlsLS40LS4yNDlhMS42MTUsMS42MTUsMCwwLDAtMS41NjYsMGwtLjQuMjQ5YS44LjgsMCwwLDEtMS4xNzYtLjM0OWwtLjItLjQyNmExLjYyLDEuNjIsMCwwLDAtMS4zMTctLjg1NGwtLjQ2OC0uMDA3YS44MDguODA4LDAsMCwxLS44LS45MzZsLjA2LS40NjhhMS42MzksMS42MzksMCwwLDAtLjY1LTEuNDM2bC0uMzktLjI2MUEuODIuODIsMCwwLDEsLjIxLDYuOTA1bC4zLS4zNjFBMS42NTIsMS42NTIsMCwwLDAsLjczNSw0Ljk4TC41NDYsNC41NWEuODE0LjgxNCwwLDAsMSwuNTEtMS4xMjZsLjQ0Ny0uMTRBMS42MzMsMS42MzMsMCwwLDAsMi41MjcsMi4wOUwyLjYsMS42MjRBLjguOCwwLDAsMSwzLjYzLjk1NGwuNDUuMTI2YTEuNjEyLDEuNjEyLDAsMCwwLDEuNS0uNDQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUgLjUpIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQuMjMxLDcuOTgsMS40LDUuMTQ5LDIuNTgsMy45Nyw0LjIzMSw1LjYyMSw3LjY1MiwyLjJsMS4xOCwxLjE4LTQuNiw0LjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIi8+PC9zdmc+"); height: 14px; width: 14px; position: absolute; content: ''; display: block; display: inline-block; height: 14px; margin-left: 5px; top: 8px; width: 14px; } .layout .story-community .ratings-log .ratings-log-communityname.ratings-log-is-byfollowee { color: #38a8e0; } .layout .story-community .ratings-log .ratings-log-communityname.ratings-log-is-byemployee { color: #e00085; } .layout .story-community .ratings-log .ratings-log-communityname.ratings-log-is-byemployee::after { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZmlsbD0iI2VjMDA4YyIgc3Ryb2tlPSIjZDExYTg2IiBkPSJNNS44OTIuMjg2YS44LjgsMCwwLDEsMS4yMjcsMEw3LjQzLjYzOGExLjYxMiwxLjYxMiwwLDAsMCwxLjUuNDQ1bC40NS0uMTI2YS44LjgsMCwwLDEsMS4wMzEuNjdsLjA3MS40NjVhMS42MzMsMS42MzMsMCwwLDAsMS4wMjQsMS4xOTRsLjQ0Ny4xNGEuODEzLjgxMywwLDAsMSwuNTEsMS4xMjZsLS4xODkuNDMxQTEuNjQ3LDEuNjQ3LDAsMCwwLDEyLjUsNi41NDdsLjMuMzYxYS44MTMuODEzLDAsMCwxLS4xNzUsMS4yMjRsLS4zOS4yNjFhMS42NDUsMS42NDUsMCwwLDAtLjY1LDEuNDM2bC4wNi40NjhhLjgwOS44MDksMCwwLDEtLjguOTM2bC0uNDY4LjAwN2ExLjYyLDEuNjIsMCwwLDAtMS4zMTcuODU0bC0uMi40MjZhLjguOCwwLDAsMS0xLjE3Ni4zNDlsLS40LS4yNDlhMS42MTUsMS42MTUsMCwwLDAtMS41NjYsMGwtLjQuMjQ5YS44LjgsMCwwLDEtMS4xNzYtLjM0OWwtLjItLjQyNmExLjYyLDEuNjIsMCwwLDAtMS4zMTctLjg1NGwtLjQ2OC0uMDA3YS44MDguODA4LDAsMCwxLS44LS45MzZsLjA2LS40NjhhMS42MzksMS42MzksMCwwLDAtLjY1LTEuNDM2bC0uMzktLjI2MUEuODIuODIsMCwwLDEsLjIxLDYuOTA1bC4zLS4zNjFBMS42NTIsMS42NTIsMCwwLDAsLjczNSw0Ljk4TC41NDYsNC41NWEuODE0LjgxNCwwLDAsMSwuNTEtMS4xMjZsLjQ0Ny0uMTRBMS42MzMsMS42MzMsMCwwLDAsMi41MjcsMi4wOUwyLjYsMS42MjRBLjguOCwwLDAsMSwzLjYzLjk1NGwuNDUuMTI2YTEuNjEyLDEuNjEyLDAsMCwwLDEuNS0uNDQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUgLjUpIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQuMjMxLDcuOTgsMS40LDUuMTQ5LDIuNTgsMy45Nyw0LjIzMSw1LjYyMSw3LjY1MiwyLjJsMS4xOCwxLjE4LTQuNiw0LjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIi8+PC9zdmc+"); height: 14px; width: 14px; } .layout .story-community .ratings-log li a { text-decoration: none; } .layout .story-community .ratings-log li a:hover { text-decoration: underline; } .layout .story-community .ratings-log li button { margin-right: -7px; padding: 0; background: none; border: none; white-space: nowrap; color: currentColor; width: 30px; min-width: 30px; height: 29px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 15px 15px; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBhdGggZmlsbD0iIzM4YThlMCIgZD0iTTYuNTk5LDNINS4zOTl2Mi40SDNWNi42aDIuMzk5VjloMS4xOTlWNi42SDlWNS40SDYuNTk5VjN6IE02LDBDMi42ODcsMCwwLDIuNjg4LDAsNnMyLjY4Nyw2LDYsNiBjMy4zMTEsMCw2LTIuNjg4LDYtNlM5LjMxMSwwLDYsMHogTTYsMTAuODAxYy0yLjY0NiwwLTQuODAxLTIuMTU0LTQuODAxLTQuODAxUzMuMzU0LDEuMTk5LDYsMS4xOTkgYzIuNjQ1LDAsNC43OTksMi4xNTQsNC43OTksNC44MDFTOC42NDUsMTAuODAxLDYsMTAuODAxeiIvPjwvc3ZnPg=="); outline: none; cursor: pointer; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .layout .story-community .ratings-log li button[disabled] { cursor: default; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBhdGggZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjMiIGQ9Ik02LjU5OSwzSDUuMzk5djIuNEgzVjYuNmgyLjM5OVY5aDEuMTk5VjYuNkg5VjUuNEg2LjU5OVYzeiBNNiwwQzIuNjg3LDAsMCwyLjY4OCwwLDZzMi42ODcsNiw2LDYgYzMuMzExLDAsNi0yLjY4OCw2LTZTOS4zMTEsMCw2LDB6IE02LDEwLjgwMWMtMi42NDYsMC00LjgwMS0yLjE1NC00LjgwMS00LjgwMVMzLjM1NCwxLjE5OSw2LDEuMTk5IGMyLjY0NSwwLDQuNzk5LDIuMTU0LDQuNzk5LDQuODAxUzguNjQ1LDEwLjgwMSw2LDEwLjgwMXoiLz48L3N2Zz4="); } .layout .story-community .ratings-log li button span { display: none; } .layout .story-community .ratings-log .ratings-log-loading { text-align: center; display: none; color: currentColor; font-size: 11px; margin: 8px; } .layout .story-community .ratings-log .ratings-log-showmore { background: none rgba(255, 255, 255, 0.1); border: none; display: block; padding: 0; width: 100%; line-height: 40px; margin-top: 12px; color: currentColor; font-weight: 420; cursor: pointer; margin-bottom: 4px; } .layout .story-community .ratings .ratings-adblockmock > svg { width: 75px; height: 10px; margin: 0 0 0 5px; } .layout .story-community .ratings-adblocknotice { position: absolute; top: 100%; margin-right: -10px; right: 0; width: 260px; font-size: 13px; background-color: #fff; line-height: 130%; box-sizing: border-box; background-repeat: no-repeat; } .layout .story-community .ratings-adblocknotice::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px; border-color: transparent transparent #fff; position: absolute; right: 41px; top: -6px; margin: 0 auto; } .layout .story-community .ratings-adblocknotice > :last-child { margin-bottom: 0; } .layout .story-community .ratings-adblocknotice .ratings-adblocknotice-close { display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 0; margin: 0 !important; cursor: pointer; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHBvbHlnb24gZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSIxMi43MjgsMi4xMjEgMTAuNjA3LDAgNi4zNjQsNC4yNDIgMi4xMjEsMCAwLDIuMTIxIDQuMjQzLDYuMzYzIDAsMTAuNjA1IDIuMTIxLDEyLjcyNiA2LjM2NCw4LjQ4NCAxMC42MDcsMTIuNzI2IDEyLjcyOCwxMC42MDUgOC40ODUsNi4zNjMgIi8+PC9zdmc+"); background-size: 13px 13px; background-position: 50% 50%; background-repeat: no-repeat; } .layout .story-community .ratings-adblocknotice .ratings-adblocknotice-close span { display: none; } .layout .story-community .ratings-counts-empty { display: none !important; } .layout .story-community .ratings-adblocknotice-upsidedown { top: auto; bottom: 30px; } .layout .story-community .ratings-adblocknotice-upsidedown::after { border-width: 7px 7px 0; border-color: #fff transparent transparent; top: auto; bottom: -6px; } .layout .story-community .ratings-adblocknotice-warning { background-color: #d03939; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM1LjM1NSwwSDE0LjY0NkwwLDE0LjY0NXYyMC43MDlMMTQuNjQ2LDUwaDIwLjcwOUw1MCwzNS4zNTRWMTQuNjQ1TDM1LjM1NSwweiBNNDYuNjY4LDMzLjk3NiBMMzMuOTc3LDQ2LjY2OEgxNi4wMjRMMy4zMzIsMzMuOTc2VjE2LjAyM0wxNi4wMjQsMy4zMzJoMTcuOTUzbDEyLjY5MSwxMi42OTFWMzMuOTc2eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNS41OTEsNDEuMDYxYy0wLjU2NiwwLTEuMTMxLDAtMS42OTksMCBjLTAuMjQ5LTAuMDQzLTAuNDg4LTAuMDgyLTAuNzM3LTAuMTI3Yy0zLjEzMi0wLjU1Ni01LjI4OC0yLjMyMS02LjM5OS01LjNjLTAuODExLTIuMjItMS4xNDUtNC41MzMtMS4xMi02Ljg5IGMwLjAxMy0xLjg1NSwwLjA2Mi0zLjY5OSwwLjEwNS01LjU1N2MwLjA1OC0yLjQ2MywwLjExOS00LjkyNCwwLjE4My03LjM4OGMwLjAyMi0wLjUyNywwLjI0OS0wLjk3LDAuNzQyLTEuMTk0IGMxLjAwOC0wLjQ3NCwyLjQyMiwwLjA1MiwyLjQwOSwxLjQzNGMtMC4wMzYsMi4yNzMtMC4wMDksNC41MzYtMC4wMDksNi44MDljMCwwLjM4MSwwLjEyMSwwLjU3MiwwLjM3NSwwLjU3OSBjMC4yNjQsMC4wMDcsMC4zODYtMC4xOSwwLjM4Ni0wLjU5OWMwLTAuODE1LDAtMS42NDUsMC0yLjQ3M2MwLTIuNDQ0LDAuMDAxLTQuODkzLTAuMDAyLTcuMzQxYzAtMC41NDcsMC4yLTEuMDA2LDAuNjc0LTEuMjkyIGMwLjYwNC0wLjM3OSwxLjIzNy0wLjM4OCwxLjg1NS0wLjA3YzAuNTgxLDAuMzAzLDAuNzcxLDAuODI1LDAuNzcxLDEuNDZjLTAuMDEsMy4wMDctMC4wMDMsNi0wLjAwMyw5LjAwNiBjMCwwLjA5Ni0wLjAwNywwLjE4MSwwLjAwMywwLjI3OGMwLjAzNCwwLjIxNSwwLjE2NiwwLjM0NywwLjM4NiwwLjM0N2MwLjIxOCwwLDAuMzQtMC4xMzksMC4zNzQtMC4zNDkgYzAuMDE0LTAuMTA4LDAuMDA5LTAuMjI1LDAuMDA5LTAuMzM3YzAtMy44NDksMC03LjcsMC0xMS41NDhjMC0wLjc2OCwwLjM3Mi0xLjI3MiwxLjEwOS0xLjUxNGMwLjA0OS0wLjAxLDAuMDk1LTAuMDMsMC4xNDQtMC4wNTkgYzAuMjk2LDAsMC41ODQsMCwwLjg3OSwwYzAuOTk2LDAuNDA1LDEuMTQ2LDAuNjI3LDEuMTQ2LDEuNzQzYzAsMy44MjIsMCw3LjY0NCwwLjAwMiwxMS40NjVjMCwwLjEyNC0wLjAzNiwwLjI1OSwwLjAyMiwwLjM0NCBjMC4wOTIsMC4xMjQsMC4yNDQsMC4zMDEsMC4zNzgsMC4zYzAuMTIyLTAuMDAyLDAuMjYyLTAuMTg2LDAuMzY4LTAuMzA1YzAuMDM0LTAuMDQ5LDAuMDE2LTAuMTU5LDAuMDE2LTAuMjQ2IGMwLTEuNjgxLDAtMy4zNiwwLTUuMDUyYzAtMS42MjYtMC4wMTEtMy4yNTcsMC4wMTQtNC44ODNjMC4wMjItMC45MzgsMC43MjEtMS41NCwxLjY5LTEuNTExYzAuOTU5LDAuMDIxLDEuNTc2LDAuNjM0LDEuNTc2LDEuNTcyIGMwLjAwMSwyLjE3OCwwLDQuMzQ1LDAsNi41MjFjMCwzLjU1NS0wLjAwNCw3LjEwNi0wLjAwNCwxMC42NTljMCwwLjAzNCwwLjAwNCwwLjA1OSwwLDAuMDk2Yy0wLjAwNiwwLjIxOSwwLjA2NywwLjM5LDAuMzAzLDAuNDUzIGMwLjI0MSwwLjA1NywwLjM4NS0wLjA4MywwLjQ3NC0wLjMwM2MwLjUzMS0xLjMzMiwxLjA2LTIuNjU2LDEuNjE1LTMuOTcyYzAuMjg0LTAuNzEsMC41ODItMS40MDgsMC45NDMtMi4wODIgYzAuNDU1LTAuODc5LDEuNDMtMS4xNDcsMi4zNzMtMC43MjZjMC44OTMsMC40MDgsMS4xNzgsMS4xMDYsMC44MiwyLjEzMmMtMS4xODYsMy40MDUtMi4zODEsNi44MTEtMy41NDksMTAuMjI5IGMtMC4yOTEsMC44MzMtMC43MTEsMS41NzctMS4yNiwyLjI1NGMtMS40NTYsMS43NzUtMy4zNzksMi43NTQtNS42MDYsMy4xNzlDMjYuNzY2LDQwLjkxNiwyNi4xNzUsNDAuOTc0LDI1LjU5MSw0MS4wNjF6Ii8+PC9zdmc+"); background-size: 40px 40px; background-position: 11px 11px; color: #fff; padding: 18px 18px 18px 61px; } .layout .story-community .ratings-adblocknotice-warning::after { border-color: transparent transparent #d03939; } .layout .story-community .ratings-adblocknotice-warning.ratings-adblocknotice-upsidedown::after { border-color: #d03939 transparent transparent; } .layout .story-community .ratings-adblocknotice-warning * { margin-top: 8px; margin-bottom: 8px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .layout .story-community .ratings-adblocknotice-warning h2 { margin-top: 0; font-weight: 700 !important; font-size: 22px !important; line-height: 130% !important; text-transform: uppercase; } .layout .story-community .ratings-adblocknotice-warning a { text-decoration: underline !important; color: #fff; } .layout .story-community .ratings-adblocknotice-warning .ratings-adblocknotice-close { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgcG9pbnRzPSIxMi43MjgsMi4xMjEgMTAuNjA3LDAgNi4zNjQsNC4yNDIgMi4xMjEsMCAwLDIuMTIxIDQuMjQzLDYuMzYzIDAsMTAuNjA1IDIuMTIxLDEyLjcyNiA2LjM2NCw4LjQ4NCAxMC42MDcsMTIuNzI2IDEyLjcyOCwxMC42MDUgOC40ODUsNi4zNjMgIi8+PC9zdmc+"); } .layout .story-community .large .ratings-log { font-size: 16px; } .layout .story-community [id='forumloading'] { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJhbmltYXRlZEFMVEVSIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwMjRweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgaGVpZ2h0PSI1NjBweCI+PHN5bWJvbCBpZD0icG9zdGluZyI+PHN0eWxlPi5wb3N0aW5nYm94IHtmaWxsOiAjZmZmO29wYWNpdHk6IDAuMjA7fS50b29sYmFyLC5oZWFkZXIgeyBvcGFjaXR5OiAwLjEwOyB9LmJvZHkgeyBvcGFjaXR5OiAwLjA1OyB9PC9zdHlsZT48cG9seWdvbiBjbGFzcz0iaGVhZGVyIiBwb2ludHM9IjAsMCA1LDAgNSwzMSA1LDMxIDUsNSIgLz48cmVjdCBjbGFzcz0iaGVhZGVyIiB4PSI1IiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzMSIgLz48cmVjdCBjbGFzcz0iYm9keSIgeD0iNSIgeT0iMzEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9Ijk5IiAvPjwvc3ltYm9sPjxyZWN0IGNsYXNzPSJwb3N0aW5nYm94IiB4PSI1IiB5PSIwIiBvcGFjaXR5PSIwLjE1IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI3OCI+PC9yZWN0PjxyZWN0IGNsYXNzPSJ0b29sYmFyIiB4PSI1IiB5PSI4OCIgb3BhY2l0eT0iMC4xNSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMzAiPjwvcmVjdD48dXNlIHk9IjEzNCIgeGxpbms6aHJlZj0iI3Bvc3RpbmciPjwvdXNlPjx1c2UgeT0iMjgwIiBvcGFjaXR5PSIwLjUiIHhsaW5rOmhyZWY9IiNwb3N0aW5nIj48L3VzZT48dXNlIHk9IjQyNiIgb3BhY2l0eT0iMC4yNSAiIHhsaW5rOmhyZWY9IiNwb3N0aW5nIj48L3VzZT48L3N2Zz4="); height: 560px; width: 1024px; position: absolute; content: ''; display: block; box-sizing: border-box; height: 555px; margin-left: -5px; opacity: 1; padding: 30px columns(1, true) 30px columns(1, true)5; position: relative; width: calc(100% + 5px); } .layout .story-community [id='forumloading'] img { display: none; } [data-forum-version='v2'] .layout .story-community dst-forum { margin: 0 -20px; } .layout .story-community dst-thread-header, .layout .story-community dst-thread-footer { background-color: rgba(0, 0, 0, 0.07); display: block; margin: 8px 8px 4px 18px; } .layout .story-community dst-thread-header .upost-replyanswer, .layout .story-community dst-thread-footer .upost-replyanswer { background-color: transparent; border-width: 0; color: currentColor; cursor: pointer; font-family: inherit; font-size: inherit; margin: 0; padding: 0; text-decoration: underline; width: auto; } .layout .story-community .thread--header { border-left: 95px solid rgba(0, 0, 0, 0.1); padding: 8px; } .layout .story-community .thread--footer { display: grid; padding: 8px; } .layout .story-community [id='postings-container'] > [data-sticky='true'], .layout .story-community dst-forum-tools > [data-sticky='true'] { position: -webkit-sticky; position: sticky; top: 0; z-index: 17; } dst-header.compact--visible ~ main .layout .story-community [id='postings-container'] > [data-sticky='true'], .dst-header-component.compact--visible ~ main .layout .story-community [id='postings-container'] > [data-sticky='true'], dst-header.compact--visible ~ main .layout .story-community dst-forum-tools > [data-sticky='true'], .dst-header-component.compact--visible ~ main .layout .story-community dst-forum-tools > [data-sticky='true'] { top: var(--dst-header-min-height); } @media all and (min-width: 1024px) { dst-header.compact--visible ~ main .layout .story-community [id='postings-container'] > [data-sticky='true'], .dst-header-component.compact--visible ~ main .layout .story-community [id='postings-container'] > [data-sticky='true'], dst-header.compact--visible ~ main .layout .story-community dst-forum-tools > [data-sticky='true'], .dst-header-component.compact--visible ~ main .layout .story-community dst-forum-tools > [data-sticky='true'] { top: 84px; } } @media all and (min-width: 2560px) { dst-header.compact--visible ~ main .layout .story-community [id='postings-container'] > [data-sticky='true'], .dst-header-component.compact--visible ~ main .layout .story-community [id='postings-container'] > [data-sticky='true'], dst-header.compact--visible ~ main .layout .story-community dst-forum-tools > [data-sticky='true'], .dst-header-component.compact--visible ~ main .layout .story-community dst-forum-tools > [data-sticky='true'] { top: 98px; } } dst-header.app--storyheader ~ main .layout .story-community [id='postings-container'] > [data-sticky='true'], .dst-header-component.app--storyheader ~ main .layout .story-community [id='postings-container'] > [data-sticky='true'], dst-header.app--storyheader ~ main .layout .story-community dst-forum-tools > [data-sticky='true'], .dst-header-component.app--storyheader ~ main .layout .story-community dst-forum-tools > [data-sticky='true'] { top: var(--dst-header-min-height); } @media (min-width: 960px) { .layout .story-community [id='postings-container'] > [data-sticky='true'], .layout .story-community dst-forum-tools > [data-sticky='true'] { max-width: 100%; z-index: 17; } } .layout .story-community [id='postings-container'] > [data-sticky='true'].elem-is-sticky, .layout .story-community dst-forum-tools > [data-sticky='true'].elem-is-sticky { background: transparent; max-width: calc(100% - 95px); z-index: 19; } @media all and (min-width: 400px) { .layout .story-community [id='postings-container'] > [data-sticky='true'].elem-is-sticky, .layout .story-community dst-forum-tools > [data-sticky='true'].elem-is-sticky { max-width: calc(100% - 145px); } } @media all and (min-width: 655px) { .layout .story-community [id='postings-container'] > [data-sticky='true'].elem-is-sticky, .layout .story-community dst-forum-tools > [data-sticky='true'].elem-is-sticky { margin: 0 -8px; padding: 0 8px; } } @media (min-width: 768px) { .layout .story-community [id='postings-container'] > [data-sticky='true'].elem-is-sticky, .layout .story-community dst-forum-tools > [data-sticky='true'].elem-is-sticky { background-color: #e6e6e6; background: var(--theme-background); max-width: unset; z-index: 17; } :root:not(.dst-header) .layout .story-community [id='postings-container'] > [data-sticky='true'].elem-is-sticky, :root:not(.dst-header) .layout .story-community dst-forum-tools > [data-sticky='true'].elem-is-sticky { top: 80px; } } @media (min-width: 1280px) { .site--header-next:not(.compact) ~ main .layout .story-community [id='postings-container'] > [data-sticky='true'].elem-is-sticky, .site--header-next:not(.compact) ~ main .layout .story-community dst-forum-tools > [data-sticky='true'].elem-is-sticky { top: 107px; } } .dst-header .layout .story-community [id='postings-container'] > [data-sticky='true'], .dst-header .layout .story-community dst-forum-tools > [data-sticky='true'] { background-color: #e6e6e6; background: var(--theme-background); margin: 0 -20px; max-width: unset; padding: 0 8px; } @media all and (min-width: 655px) { .dst-header .layout .story-community [id='postings-container'] > [data-sticky='true'], .dst-header .layout .story-community dst-forum-tools > [data-sticky='true'] { margin: 0 -8px; } } .layout .story-community .forum-intro { color: currentColor; } .layout .story-community .communityform { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); z-index: 2; color: inherit; } .layout .story-community .communityform * { font-family: inherit !important; } .layout .story-community .communityform button, .layout .story-community .communityform a { color: currentColor; } .layout .story-community .communityform .communityform-additionalinfo-toggle { color: currentColor !important; } .layout .story-community .communityform .communityform-intro * { line-height: 140%; } .layout .story-community .communityform .communityform-intro a:link, .layout .story-community .communityform .communityform-intro a:visited, .layout .story-community .communityform .communityform-intro a:hover, .layout .story-community .communityform .communityform-intro a:active { border-bottom: 1px solid currentColor; color: currentColor; text-decoration: none; } .layout .story-community .communityform .communityform-input-text [type='text'], .layout .story-community .communityform .communityform-input-textarea textarea, .layout .story-community .communityform .communityform-select select { font-size: 1rem; } @media (min-width: 960px) { .layout .story-community .communityform .communityform-input-text [type='text'], .layout .story-community .communityform .communityform-input-textarea textarea, .layout .story-community .communityform .communityform-select select { font-size: 0.9375rem; } } .layout .story-community .communityform .communityform-footer button[type='submit'] { background: #e00085; color: #fff; background-color: var(--theme-primarydeco); color: var(--theme-secondarydeco); } .layout .story-community .forum-loadmore button { background-color: #202226; color: #fff; background-color: var(--theme-ui-background); border-radius: 3px; color: var(--theme-ui-tint); font-family: inherit !important; font-size: inherit !important; } .layout .story-community .forum #forumhead p .reset-filter { padding-left: 30px; } .layout .story-community .forum #forumhead p .reset-filter::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTcuODcgNy40M0wxMC41ODYgMTAuNjg5IDEwLjU5NiAxMC42NzggMTIuMDA2IDEyLjA4OCAxMy40MTUgMTAuNjc4IDE1Ljc5NyAxMy4wNjEgMTQuMzg4IDE0LjQ3IDE1Ljc5NyAxNS44NzkgMTMuNzM2IDE3Ljk0IDEzLjczNiAyMS41MSAxNi4wODIgMTkuMTY0IDE2LjA4MiAxNC40NyAyMS45NSA3LjQzeiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM4MyAxMy4wNjFMMTMuNDE1IDEyLjA5MyAxMi4wMDYgMTMuNTAyIDEwLjU5NiAxMi4wOTMgOS42MjggMTMuMDYxIDExLjAzNyAxNC40NyA5LjYyOCAxNS44NzkgMTAuNTk2IDE2Ljg0NyAxMi4wMDYgMTUuNDM4IDEzLjQxNSAxNi44NDcgMTQuMzgzIDE1Ljg3OSAxMi45NzQgMTQuNDd6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4="); height: 30px; width: 30px; left: 0; opacity: 0.8; top: 0; } .layout .story-community .forum .forum-intro { font-size: inherit !important; line-height: inherit; } .layout .story-community #forum-tb { color: #212121; color: var(--theme-primarytint); margin-top: 4px; } .layout .story-community #forum-tb .forum-tb-context { padding: 10px 0 0 !important; } .layout .story-community #forum-tb .forum-tb-content { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; clear: left; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging button { width: 25px; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging button:hover::after, .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging button:hover::before, .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging button:focus::after, .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging button:focus::before { border-color: rgba(0, 0, 0, 0.9) !important; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging-background { background-color: transparent; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-textbox-page { font-size: 0.8125rem; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-select button:hover, .layout .story-community #forum-tb .forum-tb-content .forum-tb-select button:focus { background: #202226; color: #fff; background: var(--theme-ui-background); color: var(--theme-ui-tint); } .layout .story-community #forum-tb .forum-tb-content .forum-tb-select button:hover::after, .layout .story-community #forum-tb .forum-tb-content .forum-tb-select button:focus::after { border-color: currentColor; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-select button:hover small, .layout .story-community #forum-tb .forum-tb-content .forum-tb-select button:focus small { color: inherit !important; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist { background-color: #202226; color: #fff; background-color: var(--theme-ui-background); color: var(--theme-ui-tint); } @media (max-width: 959.9px) { .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist { background-color: #fff; background-color: var(--theme-ui-tint) !important; } } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist::before { content: ''; display: none; height: 30px; position: absolute; right: 16px; top: 16px; -webkit-transform: scale(1.6); transform: scale(1.6); width: 30px; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist fieldset { background: transparent; color: inherit; } @media (min-width: 960px) { .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist label { max-width: 92px; } } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist label span { color: inherit; opacity: 0.7; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist input:checked + label::after { border-color: currentColor; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-filter .forum-tb-selectlist::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTSAxMCwxMCA0MTguMyw1MDAgViA5OTAgTCA1ODEuNiw4MjYuNyBWIDUwMCBMIDk5MCwxMCBaIiB0cmFuc2Zvcm09Im1hdHJpeCguMDE0MzcgMCAwIC4wMTQzNyA3LjcgNy4zKSIvPjwvc3ZnPg=="); height: 30px; width: 30px; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-sorting .forum-tb-selectlist::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTSA0MDUuOTQzLDI5MC4yNTQgMzAyLjA5Niw0MjUuMzM4IGMgLTEuMDQsMS4zNTQgLTIuNjYsMi4xNDYgLTQuMzc0LDIuMTQ2IC0xLjcwMiwwIC0zLjMyMSwtMC43OTggLTQuMzY4LC0yLjE0NiBMIDE4OS41MTEsMjkwLjI1NCBjIC0wLjc2OSwtMC45OTMgLTEuMTQ0LC0yLjE3NiAtMS4xNDQsLTMuMzU3IDAsLTEuMTUyIDAuMzY0LC0yLjMyOSAxLjEwOCwtMy4zMjIgMS40OTksLTEuOTc1IDQuMTI1LC0yLjcwNyA2LjQzNCwtMS44MDkgbCA2OC43NiwyNy4xNjYgViAyMS4wMSBjIDAsLTMuMDQ3IDIuNDc3LC01LjUwMyA1LjUxNSwtNS41MDMgaCA1NS4xMDYgYyAzLjAzOCwwIDUuNTA5LDIuNDU2IDUuNTA5LDUuNTAzIHYgMjg3LjkyMiBsIDY4Ljc2LC0yNy4xNjYgYyAyLjMwNSwtMC44OTggNC45MywtMC4xNjYgNi40MTksMS44MDkgMS40OTUsMS45ODYgMS40ODMsNC43MDUgLTAuMDM1LDYuNjc5IHogTSAyMzguMDEyLDE0My45MTMgYyAwLjc0NCwtMC45OTMgMS4xMDUsLTIuMTY3IDEuMTA1LC0zLjMyMiAwLC0xLjE3NiAtMC4zNzksLTIuMzY3IC0xLjE0MiwtMy4zNiBMIDEzNC4xMjUsMi4xNDggQyAxMzMuMDgxLDAuNzkyIDEzMS40NTgsMCAxMjkuNzU5LDAgYyAtMS43MTQsMCAtMy4zMjgsMC43OTggLTQuMzc3LDIuMTQ4IEwgMjEuNTM5LDEzNy4yMyBjIC0xLjUxOSwxLjk2OSAtMS41MjUsNC42OSAtMC4wMyw2LjY4MyAxLjQ4NywxLjk2OCA0LjExNCwyLjcwNyA2LjQxOSwxLjgwMyBsIDY4Ljc2NiwtMjcuMTYzIHYgMjg3LjkxOSBjIDAsMy4wNSAyLjQ2Miw1LjUwOSA1LjUwNiw1LjUwOSBoIDU1LjEwOSBjIDMuMDQxLDAgNS41MTUsLTIuNDU5IDUuNTE1LC01LjUwOSB2IC0yODcuOTIgbCA2OC43NjMsMjcuMTYzIGMgMi4yOTksMC45MDUgNC45MjMsMC4xNjUgNi40MjUsLTEuODAyIHoiIHRyYW5zZm9ybT0ibWF0cml4KC4wMzYzIDAgMCAuMDM2MyA3LjIgNi42KSIvPjwvc3ZnPg=="); height: 30px; width: 30px; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-filter .forum-tb-selectlabel::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTSAxMCwxMCA0MTguMyw1MDAgViA5OTAgTCA1ODEuNiw4MjYuNyBWIDUwMCBMIDk5MCwxMCBaIiB0cmFuc2Zvcm09Im1hdHJpeCguMDE0MzcgMCAwIC4wMTQzNyA3LjcgNy4zKSIvPjwvc3ZnPg=="); 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%); display: none; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-sorting .forum-tb-selectlabel::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTSA0MDUuOTQzLDI5MC4yNTQgMzAyLjA5Niw0MjUuMzM4IGMgLTEuMDQsMS4zNTQgLTIuNjYsMi4xNDYgLTQuMzc0LDIuMTQ2IC0xLjcwMiwwIC0zLjMyMSwtMC43OTggLTQuMzY4LC0yLjE0NiBMIDE4OS41MTEsMjkwLjI1NCBjIC0wLjc2OSwtMC45OTMgLTEuMTQ0LC0yLjE3NiAtMS4xNDQsLTMuMzU3IDAsLTEuMTUyIDAuMzY0LC0yLjMyOSAxLjEwOCwtMy4zMjIgMS40OTksLTEuOTc1IDQuMTI1LC0yLjcwNyA2LjQzNCwtMS44MDkgbCA2OC43NiwyNy4xNjYgViAyMS4wMSBjIDAsLTMuMDQ3IDIuNDc3LC01LjUwMyA1LjUxNSwtNS41MDMgaCA1NS4xMDYgYyAzLjAzOCwwIDUuNTA5LDIuNDU2IDUuNTA5LDUuNTAzIHYgMjg3LjkyMiBsIDY4Ljc2LC0yNy4xNjYgYyAyLjMwNSwtMC44OTggNC45MywtMC4xNjYgNi40MTksMS44MDkgMS40OTUsMS45ODYgMS40ODMsNC43MDUgLTAuMDM1LDYuNjc5IHogTSAyMzguMDEyLDE0My45MTMgYyAwLjc0NCwtMC45OTMgMS4xMDUsLTIuMTY3IDEuMTA1LC0zLjMyMiAwLC0xLjE3NiAtMC4zNzksLTIuMzY3IC0xLjE0MiwtMy4zNiBMIDEzNC4xMjUsMi4xNDggQyAxMzMuMDgxLDAuNzkyIDEzMS40NTgsMCAxMjkuNzU5LDAgYyAtMS43MTQsMCAtMy4zMjgsMC43OTggLTQuMzc3LDIuMTQ4IEwgMjEuNTM5LDEzNy4yMyBjIC0xLjUxOSwxLjk2OSAtMS41MjUsNC42OSAtMC4wMyw2LjY4MyAxLjQ4NywxLjk2OCA0LjExNCwyLjcwNyA2LjQxOSwxLjgwMyBsIDY4Ljc2NiwtMjcuMTYzIHYgMjg3LjkxOSBjIDAsMy4wNSAyLjQ2Miw1LjUwOSA1LjUwNiw1LjUwOSBoIDU1LjEwOSBjIDMuMDQxLDAgNS41MTUsLTIuNDU5IDUuNTE1LC01LjUwOSB2IC0yODcuOTIgbCA2OC43NjMsMjcuMTYzIGMgMi4yOTksMC45MDUgNC45MjMsMC4xNjUgNi40MjUsLTEuODAyIHoiIHRyYW5zZm9ybT0ibWF0cml4KC4wMzYzIDAgMCAuMDM2MyA3LjIgNi42KSIvPjwvc3ZnPg=="); 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%); display: none; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging, .layout .story-community #forum-tb .forum-tb-content .forum-tb-navi, .layout .story-community #forum-tb .forum-tb-content .forum-tb-currentpage { background-color: transparent !important; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-postingcount { height: 36px; overflow: hidden; } .layout .story-community #forum-tb .forum-tb-content #forum-tb-loading { white-space: nowrap; } @media (max-width: 959.9px) { .layout .story-community #forum-tb .forum-tb-content { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging { color: #fff; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; background: none; color: var(--theme-ui-tint); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; float: none; height: auto; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging .forum-tb-postingcount { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging .forum-tb-paging-background { -webkit-flex-basis: 51px; -ms-flex-preferred-size: 51px; flex-basis: 51px; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging .forum-tb-paging-background + .forum-tb-postingcount + .forum-tb-paging-background { -webkit-flex-basis: 140px; -ms-flex-preferred-size: 140px; flex-basis: 140px; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-tools { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; float: none; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist-backdrop { background-color: rgba(0, 0, 0, 0.4); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: #202226; color: #fff; background: var(--theme-ui-tint); box-sizing: border-box; color: var(--theme-ui-background); max-height: calc(100vh - 107px); overflow-y: auto; padding: 16px; position: fixed; width: 80%; z-index: 101; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist::before { display: block; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist[data-closable-active='true'] + .forum-tb-selectlist-backdrop { display: block; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist fieldset { font-size: 1.25rem; margin: 8px 0; padding: 8px 0 4px; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist fieldset:first-of-type legend { border-top: 0; padding-top: 0; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist legend { padding: 16px 12px 12px; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist li { display: block; line-height: 130%; margin: 4px 0; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist label { box-sizing: border-box; max-width: 180px; min-height: 32px; padding: 0 0 0 24px; position: initial; } } @media (max-width: 959.9px) and (min-width: 768px) { .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist label { max-width: 350px; } } @media (max-width: 959.9px) { .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist label::before { height: 80%; top: 10%; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist label span { font-size: 0.9375rem; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-selectlist input:checked + label::after { height: 10px; margin-top: 0; right: 0; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); -webkit-transform-origin: left; transform-origin: left; width: 20px; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-filter { min-width: 110px !important; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-filter small { display: none; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-filter, .layout .story-community #forum-tb .forum-tb-content .forum-tb-sorting { background: none !important; min-width: 30px !important; } } @media (max-width: 959.9px) and (max-width: 959.9px) { .layout .story-community #forum-tb .forum-tb-content .forum-tb-filter button, .layout .story-community #forum-tb .forum-tb-content .forum-tb-sorting button { opacity: 0.7; } } @media (max-width: 959.9px) { .layout .story-community #forum-tb .forum-tb-content .forum-tb-filter button:hover, .layout .story-community #forum-tb .forum-tb-content .forum-tb-sorting button:hover { opacity: 1; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-filter button:disabled, .layout .story-community #forum-tb .forum-tb-content .forum-tb-sorting button:disabled { opacity: 0.2; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-filter .forum-tb-selectlabel, .layout .story-community #forum-tb .forum-tb-content .forum-tb-sorting .forum-tb-selectlabel { background: none !important; border: 0 !important; width: auto !important; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-filter .forum-tb-selectlabel::before, .layout .story-community #forum-tb .forum-tb-content .forum-tb-sorting .forum-tb-selectlabel::before { display: block; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-filter .forum-tb-selectlabel::after, .layout .story-community #forum-tb .forum-tb-content .forum-tb-sorting .forum-tb-selectlabel::after { display: none; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-filter .forum-tb-selectlabel span, .layout .story-community #forum-tb .forum-tb-content .forum-tb-sorting .forum-tb-selectlabel span { display: none; } } @media (max-width: 767.9px) { .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging .forum-tb-postingcount { -webkit-order: 0; -ms-flex-order: 0; order: 0; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging .forum-tb-currentpage { display: none; } .layout .story-community #forum-tb .forum-tb-content .forum-tb-paging .forum-tb-paging-background { -webkit-flex-basis: 51px !important; -ms-flex-preferred-size: 51px !important; flex-basis: 51px !important; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } } .layout .story-community #forum-tb .forum-tb-action { box-sizing: border-box; left: unset !important; margin: 0 !important; padding: 0; position: relative !important; top: unset !important; } .layout .story-community #forum-tb .forum-tb-action button { color: #212121; background: transparent !important; color: var(--theme-primarytint); } .layout .story-community #forum-tb .forum-tb-action button::before { border-color: #212121; border-color: var(--theme-primarytint); } .layout .story-community #forum-tb .forum-tb-action button:hover span { border-bottom: 1px solid currentColor; } .layout .story-community dst-forum-tools #forum-tb .forum-tb-context { padding-bottom: 10px !important; } .layout .story-community dst-forum-tools #forum-tb .forum-tb-action { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .layout .story-community #forumcontainer .elem-is-sticky #forum-tb .forum-tb-action { background: transparent !important; box-sizing: border-box; float: left !important; left: -5px !important; padding: 0 !important; position: absolute !important; top: 60px !important; width: auto !important; } @media (max-width: 767.9px) { .layout .story-community #forumcontainer .elem-is-sticky #forum-tb .forum-tb-action { transition: top 0.2s ease; } .statusbar-affixed ~ main .layout .story-community #forumcontainer .elem-is-sticky #forum-tb .forum-tb-action { top: 100px !important; } } .layout .story-community #forumcontainer .elem-is-sticky #forum-tb .forum-tb-action button { background: #202226 !important; color: #fff; background: var(--theme-ui-background) !important; border-radius: 3px; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.3); color: var(--theme-ui-tint); font-size: 14px; line-height: 35px; padding: 0 15px; white-space: nowrap; } .layout .story-community #forumcontainer .elem-is-sticky #forum-tb .forum-tb-action button::before { border-color: #fff !important; border-color: var(--theme-ui-tint) !important; } .layout .story-community #forumcontainer .elem-is-sticky #forum-tb .forum-tb-action button:hover span { border-color: transparent; } .layout .story-community #postinglist { margin-top: 24px !important; } @media (max-width: 385px) { .layout .story-community #postinglist.filtered .upost .upost-toolstext, .layout .story-community #postinglist.filtered .upost .upost-replyanswer { display: none; } } .layout .story-community .forum-anniversary-banner p 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; } .layout .story-community .forum-anniversary-banner p a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } @media print { .layout .story-community .forum-anniversary-banner p a:link::after, .layout .story-community .forum-anniversary-banner p a:visited::after { content: " [" attr(href) "] "; font-size: 0.8em; } .layout .story-community .forum-anniversary-banner p a[href^='/']::after { content: " [http://www.derstandard.at" attr(href) "] "; } } .layout .story-community .forum .no-postings { background: none !important; border: 0 !important; color: inherit !important; font-size: inherit !important; } .layout .story-community [id='forumdisclaimer'] { font-family: inherit !important; font-size: 0.8125rem !important; line-height: 140% !important; margin-top: 1rem !important; opacity: 0.6; padding: 0 !important; } .layout .story-community [id='forumdisclaimer'] a:link, .layout .story-community [id='forumdisclaimer'] a:visited, .layout .story-community [id='forumdisclaimer'] a:hover, .layout .story-community [id='forumdisclaimer'] a:active { color: currentColor; text-decoration: none; } .layout .story-community .upost { color: inherit; font-family: STMatilda Info Variable, system-ui, sans-serif !important; font-size: 1rem; line-height: 1.4; } .layout .story-community .upost a { color: currentColor; } .layout .story-community .upost .upost-head { font-size: 0.8125rem; line-height: 1.1; } .layout .story-community .upost .upost-communityname, .layout .story-community .upost .upost-follower, .layout .story-community .upost .upost-date { color: inherit; } .layout .story-community .upost .upost-title, .layout .story-community .upost .upost-text { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; } .layout .story-community .upost .upost-content.upost-deleted-by-user::before { display: none; } .layout .story-community .upost .upost-content.upost-deleted-by-user .upost-text { padding: 30px; text-align: center; } .layout .story-community .upost .upost-communityname { white-space: normal; } .layout .story-community .upost .upost-usermenu a { color: transparent transparent #fff; color: var(--theme-ui-tint); } .layout .story-community .upost .upost-body a:link, .layout .story-community .upost .upost-body a:visited, .layout .story-community .upost .upost-body a:hover, .layout .story-community .upost .upost-body a:active { color: currentColor; text-decoration: underline; } .layout .story-community .upost .upost-anniversary-badge { background: rgba(255, 255, 255, 0.4); color: #212121; font-size: 12px; line-height: 12px; padding: 8px 10px; } .layout .story-community .upost .upost-tools form:first-of-type { float: left; } .layout .story-community .upost .upost-tools form:last-of-type { float: right; } .layout .story-community .upost .upost-tools > a, .layout .story-community .upost .upost-tools button { color: currentColor; opacity: 0.8; } .layout .story-community .upost .upost-tools .upost-share, .layout .story-community .upost .upost-tools .upost-report, .layout .story-community .upost .upost-tools .upost-ratedown, .layout .story-community .upost .upost-tools .upost-rateup { font-size: 0; } .layout .story-community .upost .upost-tools .upost-toolstext { font-size: 13px; } .layout .story-community .upost .admin-functions { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; background-color: var(--theme-background); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 120%; left: 100%; width: 260px; z-index: 11; } .layout .story-community .upost .admin-functions .x { background-color: #900; color: #fff; cursor: pointer; font-weight: bold; left: auto; position: static; text-align: center; top: auto; } .layout .story-community .upost .admin-functions .sticky { background-color: #e1e1e1; cursor: pointer; height: 24px; left: auto; position: static; text-align: center; top: auto; width: 24px; } .layout .story-community .upost .admin-functions .sticky.active { background-color: lime; /* stylelint-disable-line */ color: #000; } .layout .story-community .upost .admin-functions .statistics { background: #111; font-size: 10px; height: 24px; left: auto; line-height: 10px; position: static; top: auto; } .layout .story-community .upost .admin-functions .info { bottom: auto; height: initial; overflow: visible; padding-left: 4px; position: static; text-align: right; white-space: nowrap; width: auto; } .layout .story-community .upost .admin-functions .topposting-override { bottom: auto; font-size: 12px; margin-top: 8px; position: static; text-align: left; top: auto; white-space: nowrap; } .layout .story-community .upost .admin-functions .topposting-override p { margin: 0; } .layout .story-community .upost.is-sticky .ratings-log { z-index: 18; } .layout .story-community .upost-sharemenu ul { 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; z-index: 17; } @media (min-width: 960px) { .layout .story-community .upost-sharemenu ul { z-index: 17; } } .layout .story-community .upost-sharemenu ul a { text-decoration: none; } .layout .story-community .ratings-log, .layout .story-community .ratings-adblocknotice, .layout .story-community .upost-usermenu ul { 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; z-index: 17; } [data-forum-version='v2'] .layout .story-community { border-top: 1px solid rgba(34, 34, 34, 0.2); margin-top: 20px; padding-top: 15px; } .layout .story-community div.native-ad { margin: 0 auto; } .layout .story-community div.native-ad, .layout .story-community ad-container[data-ad-placement-type*='forum_inline'] { padding: 0 8px; } @media screen and (max-width: 360px) { .layout .story-community div.native-ad, .layout .story-community ad-container[data-ad-placement-type*='forum_inline'] { padding: 0; } } .layout .story-community div.native-ad > ad-container { padding: 0; } @media (max-width: 767.9px) { .layout .story-community { padding: 0 var(--site--core-padding); } .layout .story-community ad-container.ad-nativead { margin: var(--grid-gap) auto; } } @media (min-width: 960px) { .layout .story-community { grid-column: content / span 12; } } @media print { .layout .story-community { display: none; } } .layout ad-container { z-index: 1; } .layout ad-container[data-ad-active-format*='billboard'] { background: rgba(0, 0, 0, 0.03); } .layout ad-container[data-ad-active-format*='sitebar'].ad-responsive > ad-slot { height: calc(100vh - var(--site--header-minheight, var(--site--header-height, 0)) - var(--site--fixed-header-height, 50px)); } .layout ad-container[data-ad-active-format*='sitebar'].ad-lad > ad-slot { top: calc(var(--site--header-minheight, var(--site--fixed-header-height)) + 50px); } .layout ad-container.ad-understitial { --forum-toolbar-height: 50px; --ad--understitial-offset-left: calc(var(--site--core-margin-left) * -1); width: 100vw; } .layout ad-container.ad-understitial.ad-responsive { height: calc(var(--initial-vh) - var(--site--header-minheight) - var(--forum-toolbar-height)); } .layout ad-container.ad-understitial.ad-responsive > div > ad-slot > div { height: calc(var(--initial-vh) - var(--site--header-minheight) - (var(--ad--border-height) * 2)); max-height: calc(200vw - var(--forum-toolbar-height)); } .layout ad-container.ad-understitial.ad-responsive > div > ad-slot > div > iframe { top: calc(var(--site--header-minheight) + var(--forum-toolbar-height) + var(--ad--border-height)); } .layout 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) - var(--forum-toolbar-height)); } @media (max-width: 654.9px) { .layout ad-container.ad-understitial { --ad--understitial-offset-left: calc(var(--site--core-padding) * -1); } } .layout div.native-ad { 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-native" !important; --tile-background: rgba(0, 0, 0, 0.03) !important; --theme-primarydeco: #4a4a4a !important; --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--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; --tile-border-width: 0 !important; grid-column: auto / span 3; grid-row: 1; max-width: 300px !important; position: relative !important; } .layout div.native-ad > * { 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 div.native-ad .storylabels span { background-color: transparent; color: var(--theme-primarydeco); margin-left: 0; padding: 0; } @media (min-width: 960px) { .layout div.native-ad { --w4-title: 800 1.4375rem/1.1 "STMatilda Info Variable", system-ui, sans-serif; } } @media (min-width: 1690px) { .layout div.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 div.native-ad .teaser-inner { color: var(--tile-secondarytint); position: relative; } .layout div.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 div.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 div.native-ad .teaser-inner > div > a { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .layout div.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 div.native-ad div.teaser-inner { padding: 0; } .layout div.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 div.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 div.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 div.native-ad figure .duration::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxOSI+PHBhdGggZD0iTTkuNSAxNS44MzNBNi4zMzMgNi4zMzMgMCAxIDEgMTUuODMzIDkuNSA2LjM0MiA2LjM0MiAwIDAgMSA5LjUgMTUuODMzbTAtMTQuMjVBNy45MTcgNy45MTcgMCAxIDAgMTcuNDE3IDkuNSA3LjkxNyA3LjkxNyAwIDAgMCA5LjUgMS41ODNNNy45MTYgMTMuMDYybDQuNzUtMy41NjMtNC43NS0zLjU2MloiIHN0eWxlPSJmaWxsOiB2YXIoLS10aGVtZS1wcmltYXJ5ZGVjbywgI2ZmZmZmZikiLz48L3N2Zz4="); height: 19px; width: 19px; } .layout div.native-ad figure img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .layout div.native-ad figure footer, .layout div.native-ad figure figcaption { display: none; } .layout div.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 div.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 div.native-ad header .duration::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxOSI+PHBhdGggZD0iTTkuNSAxNS44MzNBNi4zMzMgNi4zMzMgMCAxIDEgMTUuODMzIDkuNSA2LjM0MiA2LjM0MiAwIDAgMSA5LjUgMTUuODMzbTAtMTQuMjVBNy45MTcgNy45MTcgMCAxIDAgMTcuNDE3IDkuNSA3LjkxNyA3LjkxNyAwIDAgMCA5LjUgMS41ODNNNy45MTYgMTMuMDYybDQuNzUtMy41NjMtNC43NS0zLjU2MloiIGZpbGw9IiM0MzQzNDMiLz48L3N2Zz4="); height: 19px; width: 19px; } .layout div.native-ad figure + header .duration { display: var(--header-duration-display, none); } .layout div.native-ad .teaser-kicker, .layout div.native-ad .teaser-postingcount, .layout div.native-ad .teaser-title, .layout div.native-ad .teaser-subtitle { max-width: 550px; } .layout div.native-ad .teaser-postingcount, .layout div.native-ad .teaser-kicker { font: var(--kicker-font); letter-spacing: 0.01em; } .layout div.native-ad .duration { color: #434343; font: var(--kicker-font); font-weight: 700; line-height: 1.1875rem; z-index: 1; } .layout div.native-ad .duration::before { content: ''; display: inline-block; margin-right: 0.125rem; position: relative; top: 0.3125rem; } .layout div.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 div.native-ad .teaser-postingcount:empty { display: none; } .layout div.native-ad .teaser-postingcount span:not(.sr-only) { display: none; } .layout div.native-ad .teaser-postingcount:not(:empty)::before { content: '\1F5E9'; content: '\1F5E9' / ''; font-family: "STMatilda Info Variable", system-ui, sans-serif; margin-right: 1px; } .layout div.native-ad .teaser-postingcount:empty.teaser-postingcount-community:empty { display: block; } .layout div.native-ad .teaser-postingcount:not(:empty) + .teaser-kicker { margin-right: 10px; } .layout div.native-ad .teaser-kicker { margin: 0 1ex 0 0; -webkit-order: -5; -ms-flex-order: -5; order: -5; text-transform: uppercase; } .layout div.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 div.native-ad .breakinglabel[data-label-name='exclusive'] { background-color: var(--theme-primarydeco); } .layout div.native-ad .breakinglabel[data-label-name='breakingnews'] { background-color: var(--theme-live-primarydeco); } .layout div.native-ad .breakinglabel + .teaser-postingcount { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .layout div.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 div.native-ad .storylabels span { background-color: var(--theme--secondary); margin-left: -3px; padding: 1px 3px; white-space: nowrap; } .layout div.native-ad .storylabels > *:not(:last-child) { margin-right: 0.5ex; } .layout div.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 div.native-ad .storylabels [data-label-category][data-label-name='Livebericht'], .layout div.native-ad .storylabels [data-label-category][data-label-name='Liveticker'], .layout div.native-ad .storylabels [data-label-category][data-label-name='Chat'], .layout div.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 div.native-ad .duration + .storylabels [data-label-name='Video'] { display: none; } .layout div.native-ad.is-opinion .duration + .storylabels span { margin-left: 0; } .layout div.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 div.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 div.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 div.native-ad ul::before { content: 'Mehr zum Thema:'; display: inline-block; font-weight: bold; margin-bottom: 0.3125rem; margin-top: 1.2ex; } .layout div.native-ad ul li { margin-bottom: 0.2em; margin-left: 2.1ex; } .layout div.native-ad ul a { color: currentColor; display: block; text-decoration: none; } .layout div.native-ad ul a:hover { text-decoration: underline; } .layout div.native-ad ul .teaser-postingcount { display: inline; } .layout div.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 div.native-ad:not(.fig) figure + header, .layout div.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 div.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 div.native-ad.fig.att > * { --attachments-display: var(--attachments-figure-contextual-display); } .layout div.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 div.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 div.native-ad.is-ugc .storylabels span { color: var(--theme-primarydeco); } .layout div.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 div.native-ad.is-opinion .storylabels span { background-color: var(--theme-primarydeco); color: var(--theme-opinion-secondarydeco); margin-left: -3px; padding: 1px 3px; } .layout div.native-ad[data-type='community-topic'], .layout div.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 div.native-ad[data-type='community-topic'] .teaser-kicker *, .layout div.native-ad.is-community .teaser-kicker * { text-transform: none; } .layout div.native-ad[data-type='community-topic'] .teaser-kicker svg, .layout div.native-ad.is-community .teaser-kicker svg { height: 13px; margin-left: 4px; opacity: 70%; vertical-align: text-top; width: 13px; } .layout div.native-ad[data-type='community-topic'] .teaser-footer, .layout div.native-ad.is-community .teaser-footer { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .layout div.native-ad[data-type='community-topic'] .storylabels + .teaser-postingcount:not(:empty), .layout div.native-ad.is-community .storylabels + .teaser-postingcount:not(:empty) { border-left: 1px solid var(--tile-border-color); padding-left: 5px; } .layout div.native-ad[data-type='community-topic'] .storylabels, .layout div.native-ad.is-community .storylabels { -webkit-flex-basis: initial; -ms-flex-preferred-size: initial; flex-basis: initial; } .layout div.native-ad[data-type='community-topic'] .teaser-postingcount, .layout div.native-ad.is-community .teaser-postingcount { -webkit-order: initial; -ms-flex-order: initial; order: initial; } .layout div.native-ad[data-type='community-topic'] dst-readlater, .layout div.native-ad.is-community dst-readlater { margin-left: auto !important; } .layout div.native-ad.is-promotion { --tile-background: rgba(0, 0, 0, 0.03) !important; --theme-primarydeco: #747574 !important; } .layout div.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 div.native-ad { --border-radius: 5px; border-radius: var(--border-radius); } .custom-slider .layout div.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 div.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 div.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 div.native-ad .teaser-kicker::before { content: ''; display: inline-block; margin-right: 8px; position: relative; top: 5px; } .custom-slider .layout div.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 div.native-ad .storylabels { display: none; } .custom-slider .layout div.native-ad h1 { font-weight: 700; min-height: 2.5rem; text-align: center; } .custom-slider .layout div.native-ad figure { border-radius: var(--border-radius); } .custom-slider .layout div.native-ad figure img { border-radius: var(--border-radius); } .custom-slider .layout div.native-ad.is-podcast-story header { background: transparent; } .custom-slider .layout div.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 div.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 div.native-ad.is-video-story .teaser-kicker::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggdHJhbnNmb3JtPSJtYXRyaXgoMC45NSwwLDAsMC45NSw2Ljc4MTE1ZS0wNiwxKSIgZD0iTTEwLDIwQTEwLDEwLDAsMSwxLDIwLDEwLDEwLjAxMSwxMC4wMTEsMCwwLDEsMTAsMjBaTTguMjE3LDYuMDkzYS4zLjMsMCwwLDAtLjMuM3Y3LjIxMmEuMy4zLDAsMCwwLC4zLjMuMy4zLDAsMCwwLC4xNjYtLjA1MWw1LjQwOS0zLjYwNWEuMy4zLDAsMCwwLDAtLjVMOC4zODMsNi4xNDRBLjMuMywwLDAsMCw4LjIxNyw2LjA5M1oiIHN0eWxlPSJmaWxsOiB2YXIoLS10aW50LCAjZmZmZikiLz48L3N2Zz4="); height: 20px; width: 20px; } .layout div.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 div.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 div.native-ad .teaser-footer dst-readlater { margin: -11px; position: relative; z-index: 2; } @media (min-width: 960px) { .layout div.native-ad { --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; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .layout div.native-ad { min-height: initial; float: none !important; max-width: 615px !important; width: 100% !important; } .layout div.native-ad > div.teaser-inner { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .layout div.native-ad > * { padding: 20px 35px; } .layout div.native-ad 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 div.native-ad figure picture { display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: auto; position: relative; } .layout div.native-ad figure picture::before { content: none; } .layout div.native-ad figure img { height: auto; position: relative; width: 100%; } .layout div.native-ad figure footer, .layout div.native-ad figure figcaption { display: none; } .layout div.native-ad 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 div.native-ad time, .layout div.native-ad .teaser-postingcount, .layout div.native-ad .teaser-kicker, .layout div.native-ad .storylabels { font: 420 0.875rem/1.3125rem "STMatilda Info Variable", system-ui, sans-serif; } .layout div.native-ad .teaser-postingcount { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-flex; display: -ms-flexbox; display: flex; } .layout div.native-ad .teaser-postingcount:empty { display: none; } .layout div.native-ad .teaser-postingcount span { display: inline; margin-left: 0.5ex; } .layout div.native-ad .teaser-postingcount:not(:empty)::before { display: none; } .layout div.native-ad .teaser-postingcount:not(:empty) + .teaser-kicker { margin-right: 10px; } .layout div.native-ad .teaser-kicker { margin: 0 1ex 0 0; text-transform: uppercase; } .layout div.native-ad .storylabels { color: var(--theme-deco, ); font-weight: 700; margin-right: 1ex; margin-top: 1ex; text-transform: uppercase; } .layout div.native-ad 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 div.native-ad .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 div.native-ad .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 div.native-ad figure + header { margin: 0 35px 0 0; } .layout div.native-ad figure + header::after { width: 0; } .layout div.native-ad figure + header h1 + .teaser-subtitle { display: block; } .layout div.native-ad ul { margin: 0; padding: 0; } .layout div.native-ad ul li > * { display: inline-block; } .layout div.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 div.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 div.native-ad.is-ugc .storylabels span { color: var(--theme-primarydeco); } .layout div.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 div.native-ad.is-opinion .storylabels span { background-color: var(--theme-primarydeco); color: var(--theme-opinion-secondarydeco); margin-left: -3px; padding: 1px 3px; } .layout div.native-ad.is-promotion { --tile-background: rgba(0, 0, 0, 0.03) !important; --theme-primarydeco: #747574 !important; } .layout div.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; } } .layout div.native-ad > a { color: #212121; border: unset; box-shadow: unset; color: var(--theme-primarytint); text-decoration: none; transition: unset; } .layout div.native-ad > a:hover { background-color: unset; border-color: unset; box-shadow: unset; color: unset; } /** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } /* Progress */ .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Cube + Flip */ .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } /* Cube */ .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } }