:root { --stylingtoolkit-version: "6.3.1"; } :root { accent-color: var(--theme--primary); color-scheme: light; --theme--base--hsl: 0deg 0% 100%; --theme--base: hsl(var(--theme--base--hsl)); --theme--on-base--hsl: 0deg 0% 13%; --theme--on-base: hsl(var(--theme--on-base--hsl)); --theme--surface-2dp--hsl: 0deg 0% 100%; --theme--surface-2dp: hsl(var(--theme--surface-2dp--hsl)); --theme--surface-2dp-border--hsl: 0deg 0% 88%; --theme--surface-2dp-border: hsl(var(--theme--surface-2dp-border--hsl)); --theme--surface-4dp--hsl: 0deg 0% 100%; --theme--surface-4dp: hsl(var(--theme--surface-4dp--hsl)); --theme--surface-4dp-border--hsl: 0deg 0% 71%; --theme--surface-4dp-border: hsl(var(--theme--surface-4dp-border--hsl)); --theme--on-surface--hsl: 0deg 0% 13%; --theme--on-surface: hsl(var(--theme--on-surface--hsl)); --theme--error--hsl: 353deg 95% 39%; --theme--error: hsl(var(--theme--error--hsl)); --theme--on-error--hsl: 0deg 0% 100%; --theme--on-error: hsl(var(--theme--on-error--hsl)); --theme--positive--hsl: 95deg 47% 32%; --theme--positive: hsl(var(--theme--positive--hsl)); --theme--positive-text--hsl: 95deg 47% 24%; --theme--positive-text: hsl(var(--theme--positive-text--hsl)); --theme--on-positive--hsl: 0deg 0% 100%; --theme--on-positive: hsl(var(--theme--on-positive--hsl)); --theme--negative--hsl: 0deg 67% 50%; --theme--negative: hsl(var(--theme--negative--hsl)); --theme--negative-text--hsl: 0deg 67% 28%; --theme--negative-text: hsl(var(--theme--negative-text--hsl)); --theme--on-negative--hsl: 0deg 0% 100%; --theme--on-negative: hsl(var(--theme--on-negative--hsl)); --theme--primary--hsl: 33deg 5% 32%; --theme--primary: hsl(var(--theme--primary--hsl)); --theme--primary-hover--hsl: 30deg 6% 25%; --theme--primary-hover: hsl(var(--theme--primary-hover--hsl)); --theme--primary-focus--hsl: 12deg 6% 15%; --theme--primary-focus: hsl(var(--theme--primary-focus--hsl)); --theme--on-primary--hsl: 0deg 0% 100%; --theme--on-primary: hsl(var(--theme--on-primary--hsl)); --theme--secondary--hsl: 0deg 0% 95%; --theme--secondary: hsl(var(--theme--secondary--hsl)); --theme--on-secondary--hsl: 0deg 0% 13%; --theme--on-secondary: hsl(var(--theme--on-secondary--hsl)); --theme--cta--hsl: 324deg 100% 44%; --theme--cta: hsl(var(--theme--cta--hsl)); --theme--cta-hover--hsl: 324deg 100% 36%; --theme--cta-hover: hsl(var(--theme--cta-hover--hsl)); --theme--cta-focus--hsl: 324deg 100% 28%; --theme--cta-focus: hsl(var(--theme--cta-focus--hsl)); --theme--on-cta--hsl: 0deg 0% 100%; --theme--on-cta: hsl(var(--theme--on-cta--hsl)); --theme--inverse-primary--hsl: 325deg 100% 66%; --theme--inverse-primary: hsl(var(--theme--inverse-primary--hsl)); --theme--notice-neutral--hsl: 214deg 32% 91%; --theme--notice-neutral: hsl(var(--theme--notice-neutral--hsl)); --theme--on-notice-neutral--hsl: 215deg 25% 27%; --theme--on-notice-neutral: hsl(var(--theme--on-notice-neutral--hsl)); --theme--notice-okay--hsl: 149deg 80% 90%; --theme--notice-okay: hsl(var(--theme--notice-okay--hsl)); --theme--on-notice-okay--hsl: 163deg 94% 24%; --theme--on-notice-okay: hsl(var(--theme--on-notice-okay--hsl)); --theme--notice-warning--hsl: 44deg 100% 83%; --theme--notice-warning: hsl(var(--theme--notice-warning--hsl)); --theme--on-notice-warning--hsl: 215deg 25% 27%; --theme--on-notice-warning: hsl(var(--theme--on-notice-warning--hsl)); --theme--notice-alert--hsl: 0deg 65% 93%; --theme--notice-alert: hsl(var(--theme--notice-alert--hsl)); --theme--on-notice-alert--hsl: 353deg 95% 39%; --theme--on-notice-alert: hsl(var(--theme--on-notice-alert--hsl)); --theme--card--hsl: 0deg 0% 95%; --theme--card: hsl(var(--theme--card--hsl)); --theme--highlight-1--hsl: 163deg 94% 24%; --theme--highlight-1: hsl(var(--theme--highlight-1--hsl)); --theme--highlight-2--hsl: 263deg 70% 50%; --theme--highlight-2: hsl(var(--theme--highlight-2--hsl)); --theme--highlight-3--hsl: 324deg 100% 36%; --theme--highlight-3: hsl(var(--theme--highlight-3--hsl)); --theme--highlight-4--hsl: 226deg 71% 40%; --theme--highlight-4: hsl(var(--theme--highlight-4--hsl)); --theme--on-highlight--hsl: 0deg 0% 100%; --theme--on-highlight: hsl(var(--theme--on-highlight--hsl)); --theme--role-me--hsl: 217deg 91% 60%; --theme--role-me: hsl(var(--theme--role-me--hsl)); --theme--on-role-me--hsl: 0deg 0% 100%; --theme--on-role-me: hsl(var(--theme--on-role-me--hsl)); --theme--role-employee--hsl: 324deg 100% 44%; --theme--role-employee: hsl(var(--theme--role-employee--hsl)); --theme--on-role-employee--hsl: 0deg 0% 100%; --theme--on-role-employee: hsl(var(--theme--on-role-employee--hsl)); --theme--role-communityguide--hsl: 95deg 47% 50%; --theme--role-communityguide: hsl(var(--theme--role-communityguide--hsl)); --theme--on-role-communityguide--hsl: 0deg 0% 100%; --theme--on-role-communityguide: hsl(var(--theme--on-role-communityguide--hsl)); --theme--role-followee--hsl: 200deg 73% 55%; --theme--role-followee: hsl(var(--theme--role-followee--hsl)); --theme--on-role-followee--hsl: 0deg 0% 100%; --theme--on-role-followee: hsl(var(--theme--on-role-followee--hsl)); --theme--eco--hsl: 120deg 20% 45%; --theme--eco: hsl(var(--theme--eco--hsl)); --theme--on-eco--hsl: 0deg 0% 100%; --theme--on-eco: hsl(var(--theme--on-eco--hsl)); --theme--inverse-surface--hsl: var(--theme--on-surface--hsl); --theme--inverse-surface: var(--theme--on-surface); --theme--inverse-on-surface--hsl: var(--theme--surface-2dp--hsl); --theme--inverse-on-surface: var(--theme--surface-2dp); --theme--highlight--hsl: var(--theme--highlight-1--hsl); --theme--highlight: hsl(var(--theme--highlight--hsl)); --theme--default--base--hsl: 0deg 0% 100%; --theme--default--base: hsl(var(--theme--default--base--hsl)); --theme--default--on-base--hsl: 0deg 0% 13%; --theme--default--on-base: hsl(var(--theme--default--on-base--hsl)); --theme--default--primary--hsl: 33deg 5% 32%; --theme--default--primary: hsl(var(--theme--default--primary--hsl)); --theme--default--primary-hover--hsl: 30deg 6% 25%; --theme--default--primary-hover: hsl(var(--theme--default--primary-hover--hsl)); --theme--default--primary-focus--hsl: 12deg 6% 15%; --theme--default--primary-focus: hsl(var(--theme--default--primary-focus--hsl)); --theme--default--on-primary--hsl: 0deg 0% 100%; --theme--default--on-primary: hsl(var(--theme--default--on-primary--hsl)); --theme--default--secondary--hsl: 0deg 0% 95%; --theme--default--secondary: hsl(var(--theme--default--secondary--hsl)); --theme--default--on-secondary--hsl: 0deg 0% 13%; --theme--default--on-secondary: hsl(var(--theme--default--on-secondary--hsl)); --theme--default--cta--hsl: 324deg 100% 44%; --theme--default--cta: hsl(var(--theme--default--cta--hsl)); --theme--default--cta-hover--hsl: 324deg 100% 36%; --theme--default--cta-hover: hsl(var(--theme--default--cta-hover--hsl)); --theme--default--cta-focus--hsl: 324deg 100% 28%; --theme--default--cta-focus: hsl(var(--theme--default--cta-focus--hsl)); --theme--default--on-cta--hsl: 0deg 0% 100%; --theme--default--on-cta: hsl(var(--theme--default--on-cta--hsl)); --theme--default--inverse-primary--hsl: 324deg 100% 44%; --theme--default--inverse-primary: hsl(var(--theme--default--inverse-primary--hsl)); --theme--default--card--hsl: 0deg 0% 95%; --theme--default--card: hsl(var(--theme--default--card--hsl)); --theme--editorial--base--hsl: 0deg 0% 88%; --theme--editorial--base: hsl(var(--theme--editorial--base--hsl)); --theme--editorial--primary--hsl: 33deg 5% 32%; --theme--editorial--primary: hsl(var(--theme--editorial--primary--hsl)); --theme--editorial--primary-hover--hsl: 30deg 6% 25%; --theme--editorial--primary-hover: hsl(var(--theme--editorial--primary-hover--hsl)); --theme--editorial--primary-focus--hsl: 12deg 6% 15%; --theme--editorial--primary-focus: hsl(var(--theme--editorial--primary-focus--hsl)); --theme--editorial--on-primary--hsl: 0deg 0% 100%; --theme--editorial--on-primary: hsl(var(--theme--editorial--on-primary--hsl)); --theme--editorial--secondary--hsl: 0deg 0% 95%; --theme--editorial--secondary: hsl(var(--theme--editorial--secondary--hsl)); --theme--editorial--on-secondary--hsl: 0deg 0% 13%; --theme--editorial--on-secondary: hsl(var(--theme--editorial--on-secondary--hsl)); --theme--editorial--cta--hsl: 324deg 100% 44%; --theme--editorial--cta: hsl(var(--theme--editorial--cta--hsl)); --theme--editorial--cta-hover--hsl: 324deg 100% 36%; --theme--editorial--cta-hover: hsl(var(--theme--editorial--cta-hover--hsl)); --theme--editorial--cta-focus--hsl: 324deg 100% 28%; --theme--editorial--cta-focus: hsl(var(--theme--editorial--cta-focus--hsl)); --theme--editorial--on-cta--hsl: 0deg 0% 100%; --theme--editorial--on-cta: hsl(var(--theme--editorial--on-cta--hsl)); --theme--editorial--card--hsl: 0deg 0% 95%; --theme--editorial--card: hsl(var(--theme--editorial--card--hsl)); --theme--editorial-diestandard--base--hsl: 0deg 0% 97%; --theme--editorial-diestandard--base: hsl(var(--theme--editorial-diestandard--base--hsl)); --theme--editorial-diestandard--secondary--hsl: 0deg 0% 100%; --theme--editorial-diestandard--secondary: hsl(var(--theme--editorial-diestandard--secondary--hsl)); --theme--editorial-diestandard--card--hsl: 0deg 0% 100%; --theme--editorial-diestandard--card: hsl(var(--theme--editorial-diestandard--card--hsl)); --theme--editorial-diskurs--base--hsl: 0deg 0% 100%; --theme--editorial-diskurs--base: hsl(var(--theme--editorial-diskurs--base--hsl)); --theme--editorial-diskurs--secondary--hsl: 0deg 0% 95%; --theme--editorial-diskurs--secondary: hsl(var(--theme--editorial-diskurs--secondary--hsl)); --theme--editorial-diskurs--card--hsl: 0deg 0% 95%; --theme--editorial-diskurs--card: hsl(var(--theme--editorial-diskurs--card--hsl)); --theme--editorial-etat--base--hsl: 40deg 100% 70%; --theme--editorial-etat--base: hsl(var(--theme--editorial-etat--base--hsl)); --theme--editorial-etat--secondary--hsl: 40deg 100% 82%; --theme--editorial-etat--secondary: hsl(var(--theme--editorial-etat--secondary--hsl)); --theme--editorial-etat--card--hsl: 40deg 100% 82%; --theme--editorial-etat--card: hsl(var(--theme--editorial-etat--card--hsl)); --theme--editorial-gesundheit--base--hsl: 0deg 0% 97%; --theme--editorial-gesundheit--base: hsl(var(--theme--editorial-gesundheit--base--hsl)); --theme--editorial-gesundheit--secondary--hsl: 0deg 0% 100%; --theme--editorial-gesundheit--secondary: hsl(var(--theme--editorial-gesundheit--secondary--hsl)); --theme--editorial-gesundheit--card--hsl: 0deg 0% 100%; --theme--editorial-gesundheit--card: hsl(var(--theme--editorial-gesundheit--card--hsl)); --theme--editorial-immobilien--base--hsl: 0deg 0% 97%; --theme--editorial-immobilien--base: hsl(var(--theme--editorial-immobilien--base--hsl)); --theme--editorial-immobilien--secondary--hsl: 0deg 0% 100%; --theme--editorial-immobilien--secondary: hsl(var(--theme--editorial-immobilien--secondary--hsl)); --theme--editorial-immobilien--card--hsl: 0deg 0% 100%; --theme--editorial-immobilien--card: hsl(var(--theme--editorial-immobilien--card--hsl)); --theme--editorial-inland--base--hsl: 198deg 28% 88%; --theme--editorial-inland--base: hsl(var(--theme--editorial-inland--base--hsl)); --theme--editorial-inland--secondary--hsl: 198deg 28% 93%; --theme--editorial-inland--secondary: hsl(var(--theme--editorial-inland--secondary--hsl)); --theme--editorial-inland--card--hsl: 198deg 28% 93%; --theme--editorial-inland--card: hsl(var(--theme--editorial-inland--card--hsl)); --theme--editorial-international--base--hsl: 180deg 24% 80%; --theme--editorial-international--base: hsl(var(--theme--editorial-international--base--hsl)); --theme--editorial-international--secondary--hsl: 180deg 25% 86%; --theme--editorial-international--secondary: hsl(var(--theme--editorial-international--secondary--hsl)); --theme--editorial-international--card--hsl: 180deg 25% 86%; --theme--editorial-international--card: hsl(var(--theme--editorial-international--card--hsl)); --theme--editorial-karriere--base--hsl: 0deg 0% 97%; --theme--editorial-karriere--base: hsl(var(--theme--editorial-karriere--base--hsl)); --theme--editorial-karriere--secondary--hsl: 0deg 0% 100%; --theme--editorial-karriere--secondary: hsl(var(--theme--editorial-karriere--secondary--hsl)); --theme--editorial-karriere--card--hsl: 0deg 0% 100%; --theme--editorial-karriere--card: hsl(var(--theme--editorial-karriere--card--hsl)); --theme--editorial-kultur--base--hsl: 20deg 3% 82%; --theme--editorial-kultur--base: hsl(var(--theme--editorial-kultur--base--hsl)); --theme--editorial-kultur--secondary--hsl: 0deg 3% 88%; --theme--editorial-kultur--secondary: hsl(var(--theme--editorial-kultur--secondary--hsl)); --theme--editorial-kultur--card--hsl: 0deg 3% 88%; --theme--editorial-kultur--card: hsl(var(--theme--editorial-kultur--card--hsl)); --theme--editorial-lifestyle--base--hsl: 0deg 0% 100%; --theme--editorial-lifestyle--base: hsl(var(--theme--editorial-lifestyle--base--hsl)); --theme--editorial-lifestyle--secondary--hsl: 0deg 0% 95%; --theme--editorial-lifestyle--secondary: hsl(var(--theme--editorial-lifestyle--secondary--hsl)); --theme--editorial-lifestyle--card--hsl: 0deg 0% 95%; --theme--editorial-lifestyle--card: hsl(var(--theme--editorial-lifestyle--card--hsl)); --theme--editorial-panorama--base--hsl: 120deg 31% 76%; --theme--editorial-panorama--base: hsl(var(--theme--editorial-panorama--base--hsl)); --theme--editorial-panorama--secondary--hsl: 120deg 30% 83%; --theme--editorial-panorama--secondary: hsl(var(--theme--editorial-panorama--secondary--hsl)); --theme--editorial-panorama--card--hsl: 120deg 30% 83%; --theme--editorial-panorama--card: hsl(var(--theme--editorial-panorama--card--hsl)); --theme--editorial-sport--base--hsl: 73deg 60% 66%; --theme--editorial-sport--base: hsl(var(--theme--editorial-sport--base--hsl)); --theme--editorial-sport--secondary--hsl: 72deg 60% 75%; --theme--editorial-sport--secondary: hsl(var(--theme--editorial-sport--secondary--hsl)); --theme--editorial-sport--card--hsl: 72deg 60% 75%; --theme--editorial-sport--card: hsl(var(--theme--editorial-sport--card--hsl)); --theme--editorial-web--base--hsl: 91deg 29% 72%; --theme--editorial-web--base: hsl(var(--theme--editorial-web--base--hsl)); --theme--editorial-web--secondary--hsl: 91deg 29% 79%; --theme--editorial-web--secondary: hsl(var(--theme--editorial-web--secondary--hsl)); --theme--editorial-web--card--hsl: 91deg 29% 79%; --theme--editorial-web--card: hsl(var(--theme--editorial-web--card--hsl)); --theme--editorial-wirtschaft--base--hsl: 72deg 31% 81%; --theme--editorial-wirtschaft--base: hsl(var(--theme--editorial-wirtschaft--base--hsl)); --theme--editorial-wirtschaft--secondary--hsl: 70deg 30% 88%; --theme--editorial-wirtschaft--secondary: hsl(var(--theme--editorial-wirtschaft--secondary--hsl)); --theme--editorial-wirtschaft--card--hsl: 70deg 30% 88%; --theme--editorial-wirtschaft--card: hsl(var(--theme--editorial-wirtschaft--card--hsl)); --theme--editorial-wissenschaft--base--hsl: 195deg 40% 82%; --theme--editorial-wissenschaft--base: hsl(var(--theme--editorial-wissenschaft--base--hsl)); --theme--editorial-wissenschaft--secondary--hsl: 194deg 40% 88%; --theme--editorial-wissenschaft--secondary: hsl(var(--theme--editorial-wissenschaft--secondary--hsl)); --theme--editorial-wissenschaft--card--hsl: 194deg 40% 88%; --theme--editorial-wissenschaft--card: hsl(var(--theme--editorial-wissenschaft--card--hsl)); --theme--editorial-condolence--primary--hsl: 0deg 0% 21%; --theme--editorial-condolence--primary: hsl(var(--theme--editorial-condolence--primary--hsl)); --theme--editorial-condolence--primary-hover--hsl: 0deg 0% 13%; --theme--editorial-condolence--primary-hover: hsl(var(--theme--editorial-condolence--primary-hover--hsl)); --theme--editorial-condolence--primary-focus--hsl: 0deg 0% 13%; --theme--editorial-condolence--primary-focus: hsl(var(--theme--editorial-condolence--primary-focus--hsl)); --theme--editorial-condolence--on-primary--hsl: 0deg 0% 100%; --theme--editorial-condolence--on-primary: hsl(var(--theme--editorial-condolence--on-primary--hsl)); --theme--editorial-condolence--cta--hsl: 0deg 0% 21%; --theme--editorial-condolence--cta: hsl(var(--theme--editorial-condolence--cta--hsl)); --theme--editorial-condolence--cta-hover--hsl: 0deg 0% 13%; --theme--editorial-condolence--cta-hover: hsl(var(--theme--editorial-condolence--cta-hover--hsl)); --theme--editorial-condolence--cta-focus--hsl: 0deg 0% 13%; --theme--editorial-condolence--cta-focus: hsl(var(--theme--editorial-condolence--cta-focus--hsl)); --theme--editorial-condolence--on-cta--hsl: 0deg 0% 100%; --theme--editorial-condolence--on-cta: hsl(var(--theme--editorial-condolence--on-cta--hsl)); --theme--abo--primary--hsl: 33deg 5% 32%; --theme--abo--primary: hsl(var(--theme--abo--primary--hsl)); --theme--abo--primary-hover--hsl: 30deg 6% 25%; --theme--abo--primary-hover: hsl(var(--theme--abo--primary-hover--hsl)); --theme--abo--primary-focus--hsl: 12deg 6% 15%; --theme--abo--primary-focus: hsl(var(--theme--abo--primary-focus--hsl)); --theme--abo--on-primary--hsl: 0deg 0% 100%; --theme--abo--on-primary: hsl(var(--theme--abo--on-primary--hsl)); --theme--abo--secondary--hsl: 32deg 90% 92%; --theme--abo--secondary: hsl(var(--theme--abo--secondary--hsl)); --theme--abo--on-secondary--hsl: 0deg 0% 13%; --theme--abo--on-secondary: hsl(var(--theme--abo--on-secondary--hsl)); --theme--abo--cta--hsl: 180deg 100% 25%; --theme--abo--cta: hsl(var(--theme--abo--cta--hsl)); --theme--abo--cta-hover--hsl: 181deg 100% 21%; --theme--abo--cta-hover: hsl(var(--theme--abo--cta-hover--hsl)); --theme--abo--cta-focus--hsl: 181deg 100% 17%; --theme--abo--cta-focus: hsl(var(--theme--abo--cta-focus--hsl)); --theme--abo--on-cta--hsl: 0deg 0% 100%; --theme--abo--on-cta: hsl(var(--theme--abo--on-cta--hsl)); --theme--abo--inverse-primary--hsl: 181deg 100% 55%; --theme--abo--inverse-primary: hsl(var(--theme--abo--inverse-primary--hsl)); --theme--supporter--primary--hsl: 43deg 100% 62%; --theme--supporter--primary: hsl(var(--theme--supporter--primary--hsl)); --theme--supporter--primary-hover--hsl: 43deg 100% 51%; --theme--supporter--primary-hover: hsl(var(--theme--supporter--primary-hover--hsl)); --theme--supporter--primary-focus--hsl: 43deg 100% 40%; --theme--supporter--primary-focus: hsl(var(--theme--supporter--primary-focus--hsl)); --theme--supporter--on-primary--hsl: 0deg 0% 13%; --theme--supporter--on-primary: hsl(var(--theme--supporter--on-primary--hsl)); --theme--supporter--secondary--hsl: 43deg 100% 86%; --theme--supporter--secondary: hsl(var(--theme--supporter--secondary--hsl)); --theme--supporter--on-secondary--hsl: 0deg 0% 13%; --theme--supporter--on-secondary: hsl(var(--theme--supporter--on-secondary--hsl)); --theme--supporter--cta--hsl: 224deg 63% 43%; --theme--supporter--cta: hsl(var(--theme--supporter--cta--hsl)); --theme--supporter--cta-hover--hsl: 224deg 63% 36%; --theme--supporter--cta-hover: hsl(var(--theme--supporter--cta-hover--hsl)); --theme--supporter--cta-focus--hsl: 225deg 62% 29%; --theme--supporter--cta-focus: hsl(var(--theme--supporter--cta-focus--hsl)); --theme--supporter--on-cta--hsl: 0deg 0% 100%; --theme--supporter--on-cta: hsl(var(--theme--supporter--on-cta--hsl)); --theme--supporter--inverse-primary--hsl: 43deg 100% 62%; --theme--supporter--inverse-primary: hsl(var(--theme--supporter--inverse-primary--hsl)); --theme--product-epaper--secondary--hsl: 223deg 19% 74%; --theme--product-epaper--secondary: hsl(var(--theme--product-epaper--secondary--hsl)); --theme--product-epaper--on-secondary--hsl: 0deg 0% 13%; --theme--product-epaper--on-secondary: hsl(var(--theme--product-epaper--on-secondary--hsl)); --theme--product-klassik--secondary--hsl: 180deg 22% 81%; --theme--product-klassik--secondary: hsl(var(--theme--product-klassik--secondary--hsl)); --theme--product-klassik--on-secondary--hsl: 0deg 0% 13%; --theme--product-klassik--on-secondary: hsl(var(--theme--product-klassik--on-secondary--hsl)); --theme--product-kompakt--secondary--hsl: 26deg 66% 70%; --theme--product-kompakt--secondary: hsl(var(--theme--product-kompakt--secondary--hsl)); --theme--product-kompakt--on-secondary--hsl: 0deg 0% 13%; --theme--product-kompakt--on-secondary: hsl(var(--theme--product-kompakt--on-secondary--hsl)); --theme--product-pur--secondary--hsl: 206deg 43% 82%; --theme--product-pur--secondary: hsl(var(--theme--product-pur--secondary--hsl)); --theme--product-pur--on-secondary--hsl: 0deg 0% 13%; --theme--product-pur--on-secondary: hsl(var(--theme--product-pur--on-secondary--hsl)); --theme--product-purwochenende--secondary--hsl: 60deg 31% 79%; --theme--product-purwochenende--secondary: hsl(var(--theme--product-purwochenende--secondary--hsl)); --theme--product-purwochenende--on-secondary--hsl: 0deg 0% 13%; --theme--product-purwochenende--on-secondary: hsl(var(--theme--product-purwochenende--on-secondary--hsl)); --theme--product-smart--secondary--hsl: 206deg 43% 82%; --theme--product-smart--secondary: hsl(var(--theme--product-smart--secondary--hsl)); --theme--product-smart--on-secondary--hsl: 0deg 0% 13%; --theme--product-smart--on-secondary: hsl(var(--theme--product-smart--on-secondary--hsl)); --theme--product-studentinnen--secondary--hsl: 47deg 100% 73%; --theme--product-studentinnen--secondary: hsl(var(--theme--product-studentinnen--secondary--hsl)); --theme--product-studentinnen--on-secondary--hsl: 0deg 0% 13%; --theme--product-studentinnen--on-secondary: hsl(var(--theme--product-studentinnen--on-secondary--hsl)); } :root { --opacity-0: 0; --opacity-5: 0.05; --opacity-10: 0.1; --opacity-15: 0.15; --opacity-20: 0.2; --opacity-25: 0.25; --opacity-30: 0.3; --opacity-40: 0.4; --opacity-50: 0.5; --opacity-60: 0.6; --opacity-70: 0.7; --opacity-75: 0.75; --opacity-80: 0.8; --opacity-90: 0.9; --opacity-95: 0.95; --opacity-100: 1; } @media (prefers-contrast: high),(prefers-contrast: forced),(prefers-contrast: more) { :root { --contrast-opacity-0: 0; --contrast-opacity-50: 0.5; --contrast-opacity-100: 1; --theme--contrast-cta--hsl: 324deg 100% 28%; --theme--contrast-cta: hsl(var(--theme--contrast-cta--hsl)); --theme--cta--hsl: var(--theme--contrast-cta--hsl); --theme--cta: var(--theme--contrast-cta); --theme--default--cta--hsl: var(--theme--contrast-cta--hsl); --theme--default--cta: var(--theme--contrast-cta); --theme--editorial--cta--hsl: var(--theme--contrast-cta--hsl); --theme--editorial--cta: var(--theme--contrast-cta); --theme--contrast-primary--hsl: 24deg 10% 10%; --theme--contrast-primary: hsl(var(--theme--contrast-primary--hsl)); --theme--primary--hsl: var(--theme--contrast-primary--hsl); --theme--primary: var(--theme--contrast-primary); --theme--default--primary--hsl: var(--theme--contrast-primary--hsl); --theme--default--primary: var(--theme--contrast-primary); --theme--editorial--primary--hsl: var(--theme--contrast-primary--hsl); --theme--editorial--primary: var(--theme--contrast-primary); } } @media (prefers-contrast: high)and (prefers-color-scheme: dark),(prefers-contrast: forced)and (prefers-color-scheme: dark),(prefers-contrast: more)and (prefers-color-scheme: dark) { :root { --theme--contrast-cta--hsl: 324deg 80% 76%; --theme--contrast-cta: hsl(var(--theme--contrast-cta--hsl)); --theme--cta--hsl: var(--theme--contrast-cta--hsl); --theme--cta: var(--theme--contrast-cta); --theme--default--cta--hsl: var(--theme--contrast-cta--hsl); --theme--default--cta: var(--theme--contrast-cta); --theme--editorial--cta--hsl: var(--theme--contrast-cta--hsl); --theme--editorial--cta: var(--theme--contrast-cta); --theme--contrast-primary--hsl: 60deg 5% 96%; --theme--contrast-primary: hsl(var(--theme--contrast-primary--hsl)); --theme--primary--hsl: var(--theme--contrast-primary--hsl); --theme--primary: var(--theme--contrast-primary); --theme--default--primary--hsl: var(--theme--contrast-primary--hsl); --theme--default--primary: var(--theme--contrast-primary); --theme--editorial--primary--hsl: var(--theme--contrast-primary--hsl); --theme--editorial--primary: var(--theme--contrast-primary); } } @media (forced-colors: active) { :root { --contrast-opacity-0: 0; --contrast-opacity-50: 0.5; --contrast-opacity-100: 1; --theme--contrast-cta--hsl: 324deg 100% 28%; --theme--contrast-cta: hsl(var(--theme--contrast-cta--hsl)); --theme--cta--hsl: var(--theme--contrast-cta--hsl); --theme--cta: var(--theme--contrast-cta); --theme--default--cta--hsl: var(--theme--contrast-cta--hsl); --theme--default--cta: var(--theme--contrast-cta); --theme--editorial--cta--hsl: var(--theme--contrast-cta--hsl); --theme--editorial--cta: var(--theme--contrast-cta); --theme--contrast-primary--hsl: 24deg 10% 10%; --theme--contrast-primary: hsl(var(--theme--contrast-primary--hsl)); --theme--primary--hsl: var(--theme--contrast-primary--hsl); --theme--primary: var(--theme--contrast-primary); --theme--default--primary--hsl: var(--theme--contrast-primary--hsl); --theme--default--primary: var(--theme--contrast-primary); --theme--editorial--primary--hsl: var(--theme--contrast-primary--hsl); --theme--editorial--primary: var(--theme--contrast-primary); } } @media (forced-colors: active)and (prefers-color-scheme: dark) { :root { --theme--contrast-cta--hsl: 324deg 80% 76%; --theme--contrast-cta: hsl(var(--theme--contrast-cta--hsl)); --theme--cta--hsl: var(--theme--contrast-cta--hsl); --theme--cta: var(--theme--contrast-cta); --theme--default--cta--hsl: var(--theme--contrast-cta--hsl); --theme--default--cta: var(--theme--contrast-cta); --theme--editorial--cta--hsl: var(--theme--contrast-cta--hsl); --theme--editorial--cta: var(--theme--contrast-cta); --theme--contrast-primary--hsl: 60deg 5% 96%; --theme--contrast-primary: hsl(var(--theme--contrast-primary--hsl)); --theme--primary--hsl: var(--theme--contrast-primary--hsl); --theme--primary: var(--theme--contrast-primary); --theme--default--primary--hsl: var(--theme--contrast-primary--hsl); --theme--default--primary: var(--theme--contrast-primary); --theme--editorial--primary--hsl: var(--theme--contrast-primary--hsl); --theme--editorial--primary: var(--theme--contrast-primary); } } .theme-default, .theme-editorial { --theme--base--hsl: var(--theme--editorial--base--hsl); --theme--base: var(--theme--editorial--base); --theme--primary--hsl: var(--theme--editorial--primary--hsl); --theme--primary: var(--theme--editorial--primary); --theme--primary-hover--hsl: var(--theme--editorial--primary-hover--hsl); --theme--primary-hover: var(--theme--editorial--primary-hover); --theme--primary-focus--hsl: var(--theme--editorial--primary-focus--hsl); --theme--primary-focus: var(--theme--editorial--primary-focus); --theme--on-primary--hsl: var(--theme--editorial--on-primary--hsl); --theme--on-primary: var(--theme--editorial--on-primary); --theme--secondary--hsl: var(--theme--editorial--secondary--hsl); --theme--secondary: var(--theme--editorial--secondary); --theme--on-secondary--hsl: var(--theme--editorial--on-secondary--hsl); --theme--on-secondary: var(--theme--editorial--on-secondary); --theme--card--hsl: var(--theme--editorial--card--hsl); --theme--card: var(--theme--editorial--card); --theme--cta--hsl: var(--theme--editorial--cta--hsl); --theme--cta: var(--theme--editorial--cta); --theme--cta-hover--hsl: var(--theme--editorial--cta-hover--hsl); --theme--cta-hover: var(--theme--editorial--cta-hover); --theme--cta-focus--hsl: var(--theme--editorial--cta-focus--hsl); --theme--cta-focus: var(--theme--editorial--cta-focus); --theme--on-cta--hsl: var(--theme--editorial--on-cta--hsl); --theme--on-cta: var(--theme--editorial--on-cta); } .theme-diestandard, .theme-editorial-diestandard { --theme--base--hsl: var(--theme--editorial-diestandard--base--hsl); --theme--base: var(--theme--editorial-diestandard--base); --theme--secondary--hsl: var(--theme--editorial-diestandard--secondary--hsl); --theme--secondary: var(--theme--editorial-diestandard--secondary); --theme--card--hsl: var(--theme--editorial-diestandard--card--hsl); --theme--card: var(--theme--editorial-diestandard--card); } .theme-diskurs, .theme-editorial-diskurs { --theme--base--hsl: var(--theme--editorial-diskurs--base--hsl); --theme--base: var(--theme--editorial-diskurs--base); --theme--secondary--hsl: var(--theme--editorial-diskurs--secondary--hsl); --theme--secondary: var(--theme--editorial-diskurs--secondary); --theme--card--hsl: var(--theme--editorial-diskurs--card--hsl); --theme--card: var(--theme--editorial-diskurs--card); } .theme-etat, .theme-editorial-etat { --theme--base--hsl: var(--theme--editorial-etat--base--hsl); --theme--base: var(--theme--editorial-etat--base); --theme--secondary--hsl: var(--theme--editorial-etat--secondary--hsl); --theme--secondary: var(--theme--editorial-etat--secondary); --theme--card--hsl: var(--theme--editorial-etat--card--hsl); --theme--card: var(--theme--editorial-etat--card); } .theme-gesundheit, .theme-editorial-gesundheit { --theme--base--hsl: var(--theme--editorial-gesundheit--base--hsl); --theme--base: var(--theme--editorial-gesundheit--base); --theme--secondary--hsl: var(--theme--editorial-gesundheit--secondary--hsl); --theme--secondary: var(--theme--editorial-gesundheit--secondary); --theme--card--hsl: var(--theme--editorial-gesundheit--card--hsl); --theme--card: var(--theme--editorial-gesundheit--card); } .theme-immobilien, .theme-editorial-immobilien { --theme--base--hsl: var(--theme--editorial-immobilien--base--hsl); --theme--base: var(--theme--editorial-immobilien--base); --theme--secondary--hsl: var(--theme--editorial-immobilien--secondary--hsl); --theme--secondary: var(--theme--editorial-immobilien--secondary); --theme--card--hsl: var(--theme--editorial-immobilien--card--hsl); --theme--card: var(--theme--editorial-immobilien--card); } .theme-inland, .theme-editorial-inland, .theme-deutschland, .theme-editorial-deutschland { --theme--base--hsl: var(--theme--editorial-inland--base--hsl); --theme--base: var(--theme--editorial-inland--base); --theme--secondary--hsl: var(--theme--editorial-inland--secondary--hsl); --theme--secondary: var(--theme--editorial-inland--secondary); --theme--card--hsl: var(--theme--editorial-inland--card--hsl); --theme--card: var(--theme--editorial-inland--card); } .theme-international, .theme-editorial-international { --theme--base--hsl: var(--theme--editorial-international--base--hsl); --theme--base: var(--theme--editorial-international--base); --theme--secondary--hsl: var(--theme--editorial-international--secondary--hsl); --theme--secondary: var(--theme--editorial-international--secondary); --theme--card--hsl: var(--theme--editorial-international--card--hsl); --theme--card: var(--theme--editorial-international--card); } .theme-karriere, .theme-editorial-karriere { --theme--base--hsl: var(--theme--editorial-karriere--base--hsl); --theme--base: var(--theme--editorial-karriere--base); --theme--secondary--hsl: var(--theme--editorial-karriere--secondary--hsl); --theme--secondary: var(--theme--editorial-karriere--secondary); --theme--card--hsl: var(--theme--editorial-karriere--card--hsl); --theme--card: var(--theme--editorial-karriere--card); } .theme-kultur, .theme-editorial-kultur { --theme--base--hsl: var(--theme--editorial-kultur--base--hsl); --theme--base: var(--theme--editorial-kultur--base); --theme--secondary--hsl: var(--theme--editorial-kultur--secondary--hsl); --theme--secondary: var(--theme--editorial-kultur--secondary); --theme--card--hsl: var(--theme--editorial-kultur--card--hsl); --theme--card: var(--theme--editorial-kultur--card); } .theme-lifestyle, .theme-editorial-lifestyle { --theme--base--hsl: var(--theme--editorial-lifestyle--base--hsl); --theme--base: var(--theme--editorial-lifestyle--base); --theme--secondary--hsl: var(--theme--editorial-lifestyle--secondary--hsl); --theme--secondary: var(--theme--editorial-lifestyle--secondary); --theme--card--hsl: var(--theme--editorial-lifestyle--card--hsl); --theme--card: var(--theme--editorial-lifestyle--card); } .theme-panorama, .theme-editorial-panorama { --theme--base--hsl: var(--theme--editorial-panorama--base--hsl); --theme--base: var(--theme--editorial-panorama--base); --theme--secondary--hsl: var(--theme--editorial-panorama--secondary--hsl); --theme--secondary: var(--theme--editorial-panorama--secondary); --theme--card--hsl: var(--theme--editorial-panorama--card--hsl); --theme--card: var(--theme--editorial-panorama--card); } .theme-sport, .theme-editorial-sport { --theme--base--hsl: var(--theme--editorial-sport--base--hsl); --theme--base: var(--theme--editorial-sport--base); --theme--secondary--hsl: var(--theme--editorial-sport--secondary--hsl); --theme--secondary: var(--theme--editorial-sport--secondary); --theme--card--hsl: var(--theme--editorial-sport--card--hsl); --theme--card: var(--theme--editorial-sport--card); } .theme-web, .theme-editorial-web { --theme--base--hsl: var(--theme--editorial-web--base--hsl); --theme--base: var(--theme--editorial-web--base); --theme--secondary--hsl: var(--theme--editorial-web--secondary--hsl); --theme--secondary: var(--theme--editorial-web--secondary); --theme--card--hsl: var(--theme--editorial-web--card--hsl); --theme--card: var(--theme--editorial-web--card); } .theme-wirtschaft, .theme-editorial-wirtschaft { --theme--base--hsl: var(--theme--editorial-wirtschaft--base--hsl); --theme--base: var(--theme--editorial-wirtschaft--base); --theme--secondary--hsl: var(--theme--editorial-wirtschaft--secondary--hsl); --theme--secondary: var(--theme--editorial-wirtschaft--secondary); --theme--card--hsl: var(--theme--editorial-wirtschaft--card--hsl); --theme--card: var(--theme--editorial-wirtschaft--card); } .theme-wissenschaft, .theme-editorial-wissenschaft, .theme-wissenundgesellschaft, .theme-editorial-wissenundgesellschaft { --theme--base--hsl: var(--theme--editorial-wissenschaft--base--hsl); --theme--base: var(--theme--editorial-wissenschaft--base); --theme--secondary--hsl: var(--theme--editorial-wissenschaft--secondary--hsl); --theme--secondary: var(--theme--editorial-wissenschaft--secondary); --theme--card--hsl: var(--theme--editorial-wissenschaft--card--hsl); --theme--card: var(--theme--editorial-wissenschaft--card); } .theme-condolence, .theme-editorial-condolence { --theme--primary--hsl: var(--theme--editorial-condolence--primary--hsl); --theme--primary: var(--theme--editorial-condolence--primary); --theme--primary-hover--hsl: var(--theme--editorial-condolence--primary-hover--hsl); --theme--primary-hover: var(--theme--editorial-condolence--primary-hover); --theme--primary-focus--hsl: var(--theme--editorial-condolence--primary-focus--hsl); --theme--primary-focus: var(--theme--editorial-condolence--primary-focus); --theme--on-primary--hsl: var(--theme--editorial-condolence--on-primary--hsl); --theme--on-primary: var(--theme--editorial-condolence--on-primary); --theme--cta--hsl: var(--theme--editorial-condolence--cta--hsl); --theme--cta: var(--theme--editorial-condolence--cta); --theme--cta-hover--hsl: var(--theme--editorial-condolence--cta-hover--hsl); --theme--cta-hover: var(--theme--editorial-condolence--cta-hover); --theme--cta-focus--hsl: var(--theme--editorial-condolence--cta-focus--hsl); --theme--cta-focus: var(--theme--editorial-condolence--cta-focus); --theme--on-cta--hsl: var(--theme--editorial-condolence--on-cta--hsl); --theme--on-cta: var(--theme--editorial-condolence--on-cta); --theme--inverse-primary--hsl: var(--theme--surface-2dp--hsl); --theme--inverse-primary: var(--theme--surface-2dp); } .theme-abo { --theme--primary--hsl: var(--theme--abo--primary--hsl); --theme--primary: var(--theme--abo--primary); --theme--primary-hover--hsl: var(--theme--abo--primary-hover--hsl); --theme--primary-hover: var(--theme--abo--primary-hover); --theme--primary-focus--hsl: var(--theme--abo--primary-focus--hsl); --theme--primary-focus: var(--theme--abo--primary-focus); --theme--on-primary--hsl: var(--theme--abo--on-primary--hsl); --theme--on-primary: var(--theme--abo--on-primary); --theme--secondary--hsl: var(--theme--abo--secondary--hsl); --theme--secondary: var(--theme--abo--secondary); --theme--on-secondary--hsl: var(--theme--abo--on-secondary--hsl); --theme--on-secondary: var(--theme--abo--on-secondary); --theme--cta--hsl: var(--theme--abo--cta--hsl); --theme--cta: var(--theme--abo--cta); --theme--cta-hover--hsl: var(--theme--abo--cta-hover--hsl); --theme--cta-hover: var(--theme--abo--cta-hover); --theme--cta-focus--hsl: var(--theme--abo--cta-focus--hsl); --theme--cta-focus: var(--theme--abo--cta-focus); --theme--on-cta--hsl: var(--theme--abo--on-cta--hsl); --theme--on-cta: var(--theme--abo--on-cta); --theme--inverse-primary--hsl: var(--theme--abo--inverse-primary--hsl); --theme--inverse-primary: var(--theme--abo--inverse-primary); } .theme-supporter { --theme--primary--hsl: var(--theme--supporter--primary--hsl); --theme--primary: var(--theme--supporter--primary); --theme--primary-hover--hsl: var(--theme--supporter--primary-hover--hsl); --theme--primary-hover: var(--theme--supporter--primary-hover); --theme--primary-focus--hsl: var(--theme--supporter--primary-focus--hsl); --theme--primary-focus: var(--theme--supporter--primary-focus); --theme--on-primary--hsl: var(--theme--supporter--on-primary--hsl); --theme--on-primary: var(--theme--supporter--on-primary); --theme--secondary--hsl: var(--theme--supporter--secondary--hsl); --theme--secondary: var(--theme--supporter--secondary); --theme--on-secondary--hsl: var(--theme--supporter--on-secondary--hsl); --theme--on-secondary: var(--theme--supporter--on-secondary); --theme--cta--hsl: var(--theme--supporter--cta--hsl); --theme--cta: var(--theme--supporter--cta); --theme--cta-hover--hsl: var(--theme--supporter--cta-hover--hsl); --theme--cta-hover: var(--theme--supporter--cta-hover); --theme--cta-focus--hsl: var(--theme--supporter--cta-focus--hsl); --theme--cta-focus: var(--theme--supporter--cta-focus); --theme--on-cta--hsl: var(--theme--supporter--on-cta--hsl); --theme--on-cta: var(--theme--supporter--on-cta); --theme--inverse-primary--hsl: var(--theme--supporter--inverse-primary--hsl); --theme--inverse-primary: var(--theme--supporter--inverse-primary); } .theme-product-epaper { --theme--secondary--hsl: var(--theme--product-epaper--secondary--hsl); --theme--secondary: var(--theme--product-epaper--secondary); --theme--on-secondary--hsl: var(--theme--product-epaper--on-secondary--hsl); --theme--on-secondary: var(--theme--product-epaper--on-secondary); } .theme-product-klassik { --theme--secondary--hsl: var(--theme--product-klassik--secondary--hsl); --theme--secondary: var(--theme--product-klassik--secondary); --theme--on-secondary--hsl: var(--theme--product-klassik--on-secondary--hsl); --theme--on-secondary: var(--theme--product-klassik--on-secondary); } .theme-product-kompakt { --theme--secondary--hsl: var(--theme--product-kompakt--secondary--hsl); --theme--secondary: var(--theme--product-kompakt--secondary); --theme--on-secondary--hsl: var(--theme--product-kompakt--on-secondary--hsl); --theme--on-secondary: var(--theme--product-kompakt--on-secondary); } .theme-product-pur { --theme--secondary--hsl: var(--theme--product-pur--secondary--hsl); --theme--secondary: var(--theme--product-pur--secondary); --theme--on-secondary--hsl: var(--theme--product-pur--on-secondary--hsl); --theme--on-secondary: var(--theme--product-pur--on-secondary); } .theme-product-purwochenende { --theme--secondary--hsl: var(--theme--product-purwochenende--secondary--hsl); --theme--secondary: var(--theme--product-purwochenende--secondary); --theme--on-secondary--hsl: var(--theme--product-purwochenende--on-secondary--hsl); --theme--on-secondary: var(--theme--product-purwochenende--on-secondary); } .theme-product-studentinnen { --theme--secondary--hsl: var(--theme--product-studentinnen--secondary--hsl); --theme--secondary: var(--theme--product-studentinnen--secondary); --theme--on-secondary--hsl: var(--theme--product-studentinnen--on-secondary--hsl); --theme--on-secondary: var(--theme--product-studentinnen--on-secondary); } @font-face { font-display: swap; font-family: "STMatilda Info Variable"; font-style: normal; font-weight: 200 900; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-info.woff2") format("woff2-variations"); unicode-range: U+000A,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E,U+2013,U+203A,U+2026,U+201E,U+201C,U+00A9,U+20AC,U+00C0-00FF,U+1E9E,U+011E,U+011F,U+0160,U+0161,U+201A,U+2018,U+00A0-00A8,U+00AA-00BF,U+0100-011D,U+0120-0148,U+014A-015F,U+0162-017F,U+0180-01BF,U+0200-0217,U+0218-021B,U+1F5E9; } @font-face { font-display: swap; font-family: "STMatilda Info Variable"; font-style: italic; font-weight: 200 900; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-info-italic.woff2") format("woff2-variations"); unicode-range: U+000A,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E,U+2013,U+203A,U+2026,U+201E,U+201C,U+00A9,U+20AC,U+00C0-00FF,U+1E9E,U+011E,U+011F,U+0160,U+0161,U+201A,U+2018,U+00A0-00A8,U+00AA-00BF,U+0100-011D,U+0120-0148,U+014A-015F,U+0162-017F,U+0180-01BF,U+0200-0217,U+0218-021B,U+1F5E9; } :root { --font-info: "STMatilda Info Variable", system-ui, sans-serif; --w1-heading: 700 1.125rem / 1.2 var(--font-info); --w2-heading: 700 1.25rem / 1.2 var(--font-info); --w3-heading: 700 1.4375rem / 1.1 var(--font-info); --w4-heading: 700 1.625rem / 1.1 var(--font-info); --w5-heading: 700 1.8125rem / 1.1 var(--font-info); --w6-heading: 700 2rem / 1.1 var(--font-info); --w7-heading: 700 2.25rem / 1.1 var(--font-info); --w8-heading: 700 2.5625rem / 1.1 var(--font-info); --w9-heading: 700 2.875rem / 1.1 var(--font-info); --w10-heading: 700 3.25rem / 1.1 var(--font-info); --w11-heading: 700 3.625rem / 1.1 var(--font-info); --w1-small: 420 0.75rem / 1.4 var(--font-info); --w1-info: 420 0.75rem / 1.4 var(--font-info); --w2-info: 420 0.8125rem / 1.4 var(--font-info); --w3-info: 420 0.875rem / 1.4 var(--font-info); --w4-info: 420 0.9375rem / 1.4 var(--font-info); --w5-info: 420 1rem / 1.4 var(--font-info); --w6-info: 420 1.0625rem / 1.4 var(--font-info); --w7-info: 420 1.125rem / 1.4 var(--font-info); --w8-info: 420 1.25rem / 1.4 var(--font-info); --w9-info: 420 1.375rem / 1.4 var(--font-info); --w10-info: 420 1.5rem / 1.4 var(--font-info); --w1-info-adapt: 420 var(--_w1-info-size, 0.75rem) / 1.4 var(--font-info); --w2-info-adapt: 420 var(--_w2-info-size, 0.8125rem) / 1.4 var(--font-info); --w3-info-adapt: 420 var(--_w3-info-size, 0.875rem) / 1.4 var(--font-info); --w4-info-adapt: 420 var(--_w4-info-size, 0.9375rem) / 1.4 var(--font-info); --w5-info-adapt: 420 var(--_w5-info-size, 1rem) / 1.4 var(--font-info); --w6-info-adapt: 420 var(--_w6-info-size, 1.0625rem) / 1.4 var(--font-info); --w7-info-adapt: 420 var(--_w7-info-size, 1.0625rem) / 1.4 var(--font-info); } [data-prefers-fontsize=sm] { --_w1-info-size: 0.625rem; --_w2-info-size: 0.6875rem; --_w3-info-size: 0.75rem; --_w4-info-size: 0.8125rem; --_w5-info-size: 0.875rem; --_w6-info-size: 0.9375rem; --_w7-info-size: 0.9375rem; } [data-prefers-fontsize=lg] { --_w1-info-size: 0.875rem; --_w2-info-size: 0.9375rem; --_w3-info-size: 1rem; --_w4-info-size: 1.0625rem; --_w5-info-size: 1.125rem; --_w6-info-size: 1.1875rem; --_w7-info-size: 1.1875rem; } @font-face { font-display: swap; font-family: "STMatilda Text Variable"; font-style: normal; font-weight: 300 700; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-text.woff2") format("woff2-variations"); unicode-range: U+000A,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E,U+2013,U+203A,U+2026,U+201E,U+201C,U+00A9,U+20AC,U+00C0-00FF,U+1E9E,U+011E,U+011F,U+0160,U+0161,U+201A,U+2018,U+00A0-00A8,U+00AA-00BF,U+0100-011D,U+0120-0148,U+014A-015F,U+0162-017F,U+0180-01BF,U+0200-0217,U+0218-021B; } @font-face { font-display: swap; font-family: "STMatilda Text Variable"; font-style: italic; font-weight: 300 700; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-text-italic.woff2") format("woff2-variations"); unicode-range: U+000A,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E,U+2013,U+203A,U+2026,U+201E,U+201C,U+00A9,U+20AC,U+00C0-00FF,U+1E9E,U+011E,U+011F,U+0160,U+0161,U+201A,U+2018,U+00A0-00A8,U+00AA-00BF,U+0100-011D,U+0120-0148,U+014A-015F,U+0162-017F,U+0180-01BF,U+0200-0217,U+0218-021B; } :root { --font-text: "STMatilda Text Variable", system-ui, serif; --w1-text: 420 0.75rem / 1.4 var(--font-text); --w2-text: 420 0.8125rem / 1.4 var(--font-text); --w3-text: 420 0.875rem / 1.4 var(--font-text); --w4-text: 420 0.9375rem / 1.4 var(--font-text); --w5-text: 420 1rem / 1.4 var(--font-text); --w6-text: 420 1.0625rem / 1.4 var(--font-text); --w7-text: 420 1.125rem / 1.4 var(--font-text); --w8-text: 420 1.25rem / 1.4 var(--font-text); --w9-text: 420 1.375rem / 1.4 var(--font-text); --w10-text: 420 1.5rem / 1.4 var(--font-text); } @font-face { font-display: swap; font-family: "STMatilda Titel Variable"; font-style: normal; font-weight: 100 900; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-titel.woff2") format("woff2-variations"); unicode-range: U+000A,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E,U+2013,U+203A,U+2026,U+201E,U+201C,U+00A9,U+20AC,U+00C0-00FF,U+1E9E,U+011E,U+011F,U+0160,U+0161,U+201A,U+2018,U+00A0-00A8,U+00AA-00BF,U+0100-011D,U+0120-0148,U+014A-015F,U+0162-017F,U+0180-01BF,U+0200-0217,U+0218-021B; } @font-face { font-display: swap; font-family: "STMatilda Titel Variable"; font-style: italic; font-weight: 100 900; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-titel-italic.woff2") format("woff2-variations"); unicode-range: U+000A,U+0020-002F,U+0030-0039,U+003A-0040,U+0041-005A,U+005B-0060,U+0061-007A,U+007B-007E,U+2013,U+203A,U+2026,U+201E,U+201C,U+00A9,U+20AC,U+00C0-00FF,U+1E9E,U+011E,U+011F,U+0160,U+0161,U+201A,U+2018,U+00A0-00A8,U+00AA-00BF,U+0100-011D,U+0120-0148,U+014A-015F,U+0162-017F,U+0180-01BF,U+0200-0217,U+0218-021B; } :root { --font-title: "STMatilda Titel Variable", system-ui, serif; --w1-title: 700 1.125rem / 1.2 var(--font-title); --w2-title: 700 1.25rem / 1.2 var(--font-title); --w3-title: 700 1.4375rem / 1.1 var(--font-title); --w4-title: 700 1.625rem / 1.1 var(--font-title); --w5-title: 700 1.8125rem / 1.1 var(--font-title); --w6-title: 700 2rem / 1.1 var(--font-title); --w7-title: 700 2.25rem / 1.1 var(--font-title); --w8-title: 700 2.5625rem / 1.1 var(--font-title); --w9-title: 700 2.875rem / 1.1 var(--font-title); --w10-title: 700 3.25rem / 1.1 var(--font-title); --w11-title: 700 3.625rem / 1.1 var(--font-title); } @font-face { font-display: swap; font-family: "STMatilda Brand"; font-style: normal; font-weight: 400; src: url("https://b.staticfiles.at/s/fonts/stmatilda/v1/stmatilda-brand.woff2") format("woff2"); unicode-range: U+000A,U+0020-00A0,U+00A9,U+00AB,U+00AC,U+00AD,U+00AE,U+00AF,U+00B0,U+00B4,U+00B6,U+00B7,U+00BB,U+00C4,U+00D6,U+00D7,U+00DC,U+00DF,U+00E4,U+00F6,U+00FC,U+0394,U+1E9E,U+2009-201E,U+2022-2044,U+20AC,U+2212,U+FB01,U+FB02; } :root { --font-brand: "STMatilda Brand", system-ui, sans-serif; --w1-brand: 400 1.25rem / 1.0 var(--font-brand); --w2-brand: 400 1.5625rem / 1.0 var(--font-brand); --w3-brand: 400 1.875rem / 1.0 var(--font-brand); --w4-brand: 400 2.1875rem / 1.0 var(--font-brand); --w5-brand: 400 2.5rem / 1.0 var(--font-brand); } :focus { outline: 0; } @media (hover: hover)and (pointer: fine) { :focus-visible { outline: 3px solid var(--theme--on-base); outline-offset: 2px; text-decoration: none; } } .js-focus, .forced-focus { outline: 0 !important; } [hidden][hidden] { display: none; } [data-prefers-hand=other] { --prefers-hand-other-auto: auto; --prefers-hand-other-0px: 0px; --prefers-hand-other-inverse: -1; } [data-prefers-highlightcolor="0"] { --theme--highlight--hsl: var(--theme--on-base--hsl); } [data-prefers-highlightcolor="1"] { --theme--highlight--hsl: var(--theme--highlight-1--hsl); } [data-prefers-highlightcolor="2"] { --theme--highlight--hsl: var(--theme--highlight-2--hsl); } [data-prefers-highlightcolor="3"] { --theme--highlight--hsl: var(--theme--highlight-3--hsl); } [data-prefers-highlightcolor="4"] { --theme--highlight--hsl: var(--theme--highlight-4--hsl); } [data-prefers-highlightcolor] { --theme--highlight: hsl(var(--theme--highlight--hsl)); } :root { --lottie-player-display: none; --scroll-behavior-smooth: auto; --transition-all: none; --transition-background-color: none; --transition-box-shadow: none; --transition-opacity: none; --transition-transform: none; --transition-filter: none; } @media (prefers-reduced-motion: no-preference) { :root { --lottie-player-display: block; --scroll-behavior-smooth: smooth; --transition-all: all; --transition-background-color: background-color; --transition-box-shadow: box-shadow; --transition-opacity: opacity; --transition-transform: transform; --transition-filter: filter; } } .sr-only { border: 0 !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } .drop-shadow-sm { -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05)); filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05)); } .drop-shadow { -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)); } .drop-shadow-md { -webkit-filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06)); } .drop-shadow-lg { -webkit-filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1)); } .drop-shadow-xl { -webkit-filter: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); filter: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08)); } .drop-shadow-2xl { -webkit-filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15)); } .drop-shadow-none { -webkit-filter: drop-shadow(0 0 rgba(0, 0, 0, 0)); filter: drop-shadow(0 0 rgba(0, 0, 0, 0)); } .drop-shadow-transition { transition: var(--transition-filter, none) 280ms cubic-bezier(0.4, 0, 0.2, 1); will-change: var(--transition-filter, unset); } body.is-modal { height: 100vh; overflow: hidden; } .dialog { --dialog-max-width: 960px; --dialog-padding: 20px; --dialog-grid-columns: minmax(15px, auto) [dialog-start] minmax(auto, var(--dialog-max-width)) [dialog-end] minmax(15px, auto); --dialog-grid-rows: minmax(15px, auto) [dialog-start] 1fr [dialog-end] minmax(15px, auto); -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: none; border: 0; color: inherit; grid-template-columns: var(--dialog-grid-columns); grid-template-rows: var(--dialog-grid-rows); height: 100%; margin: 0; max-height: unset; max-width: unset; overflow-x: hidden; overflow-y: auto; padding: 0; pointer-events: all; width: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; } .dialog[open] { display: grid; } .dialog::-webkit-backdrop { background-color: rgba(0,0,0,.3); z-index: -1; } .dialog::backdrop { background-color: rgba(0,0,0,.3); z-index: -1; } .dialog+.backdrop { background-color: rgba(0,0,0,.3); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: -1; } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) or (-webkit-backdrop-filter: blur(1px)) { .dialog.dialog-backdropblur::-webkit-backdrop { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .dialog.dialog-backdropblur::backdrop { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .dialog.dialog-backdropblur+.backdrop { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } } .dialog::after { content: ""; grid-row: 3; height: 15px; pointer-events: none; } .dialog.dialog-width345, .dialog.dialog-width-sm { --dialog-max-width: 345px; } .dialog.dialog-width525, .dialog.dialog-width-md { --dialog-max-width: 525px; } .dialog.dialog-width650, .dialog.dialog-width-lg { --dialog-max-width: 650px; } @media (min-width: 768px) { .dialog { --dialog-padding: 25px; } .dialog.dialog-padding35 { --dialog-padding: 35px; } .dialog.dialog-padding45 { --dialog-padding: 45px; } } @media (max-width: 767px) { .dialog.dialog-fullscreen { --dialog-grid-columns: [dialog-start] auto [dialog-end]; --dialog-grid-rows: [dialog-start] 1fr [dialog-end]; } .dialog.dialog-fullscreen::after { content: none; } } .dialog:not(dialog) { background: none; bottom: 0; display: grid; left: 0; position: fixed; right: 0; top: 0; z-index: 900; } .dialog--backdrop { background-color: rgba(0,0,0,.3); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: -1; } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) or (-webkit-backdrop-filter: blur(1px)) { .dialog--backdrop.dialog--backdrop-blur { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } } .dialog--surface { background-color: var(--theme--surface-2dp); border-radius: 6px; border: 1px solid var(--theme--surface-2dp-border); box-shadow: 0 10px 20px rgba(0,0,0,.2); box-sizing: border-box; color: var(--theme--on-surface); display: grid; grid-column: dialog-start/dialog-end; grid-row: dialog-start/dialog-end; grid-template-columns: var(--dialog--surface-grid-columns, [surface-start sujet-start actions-start tabs-start] var(--dialog-padding) [title-start description-start content-start] 1fr [title-end] var(--dialog--controlbuttonspace, 28px) [content-end description-end] var(--dialog-padding) [tabs-end actions-end sujet-end surface-end]); grid-template-rows: var(--dialog--surface-grid-rows, [surface-start sujet-start] auto [sujet-end tabs-start] auto [tabs-end] var(--dialog-padding) [title-start] auto [title-end description-start] auto [description-end content-start] auto [content-end actions-start] minmax(var(--dialog-padding), auto) [actions-end] 1fr [surface-end]); position: relative; } @media (max-width: 767px) { .dialog-fullscreen>.dialog--surface { border-radius: 0; border: none; height: 100%; } } .dialog--surface:not(:has(.dialog--close)):not(:has(.dialog--minimize)) { --dialog--controlbuttonspace: 0; } .dialog--surface:has(.dialog--close), .dialog--surface:has(.dialog--minimize) { --dialog--controlbuttonspace: 28px; } .dialog--surface:has(.dialog--close):has(.dialog--minimize) { --dialog--controlbuttonspace: 62px; } .dialog:not(dialog) .dialog--surface { display: block; padding: var(--dialog-padding); } .dialog--close, .dialog--minimize { background-color: hsl(var(--theme--surface-2dp--hsl)/var(--opacity-70)); border: 0; border-radius: 100%; box-sizing: border-box; color: hsl(var(--theme--on-base--hsl)/var(--contrast-opacity-100, var(--opacity-70))); cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 8px; position: absolute; right: 7px; top: 7px; transition: background-color .2s,color .2s; z-index: 1; } .dialog--close:hover, .dialog--minimize:hover, .dialog--close:focus, .dialog--minimize:focus, .dialog--close:active, .dialog--minimize:active { color: currentColor; } .dialog--close:hover, .dialog--minimize:hover { background-image: linear-gradient(to right, hsl(var(--theme--on-base--hsl)/var(--opacity-5)), hsl(var(--theme--on-base--hsl)/var(--opacity-5))); } .dialog--close svg, .dialog--minimize svg { height: 24px; width: 24px; } .dialog--close-small, .dialog--minimize-small { padding: 5px; right: 2px; top: 2px; } .dialog--close-small svg, .dialog--minimize-small svg { height: 14px; width: 14px; } .dialog--minimize { right: 41px; } .dialog--minimize-small { right: 26px; } .dialog--sujet { border-radius: 5px 5px 0 0; grid-column: sujet-start/sujet-end; grid-row: sujet-start/sujet-end; overflow: auto; } @media (max-width: 767px) { .dialog-fullscreen .dialog--sujet { border-radius: 0; } } .dialog--sujet figure { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; } .dialog--sujet img { aspect-ratio: 2.3; max-width: 100%; object-fit: cover; width: auto; } .dialog--sujet video { aspect-ratio: 1.78; width: 100%; } .dialog--title { font: var(--w2-heading); grid-column: title-start/title-end; grid-row: title-start/title-end; margin: 0; } .dialog--description { grid-column: description-start/description-end; grid-row: description-start/description-end; margin: 1em 0 0; } .dialog--content { grid-column: content-start/content-end; grid-row: content-start/content-end; margin: 1em 0 0; } .dialog--actions { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 5px; grid-column: actions-start/actions-end; grid-row: actions-start/actions-end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: calc(var(--dialog-padding) - 5px); } .dialog--actions span { color: hsl(var(--theme--on-base--hsl)/var(--contrast-opacity-100, var(--opacity-70))); font-size: 0.875rem; margin-right: auto; padding: 5px; } .dialog--actions button { margin: 0; } @media (max-width: 767px) { .dialog-fullscreen .dialog--actions { background-color: inherit; border-top: 1px solid var(--theme--surface-2dp-border); bottom: 0; margin-top: calc(var(--dialog-padding) - 5px); position: -webkit-sticky; position: sticky; } } .dialog:not(dialog) .dialog--actions { padding: 0; } .dialog:not(dialog) .dialog--actions button { border: 0; } .dialog--footer { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-column: footer-start/footer-end; grid-row: footer-start/footer-end; } @media (max-width: 767px) { .dialog--footer { padding-bottom: 10px; padding-top: 10px; } .dialog-fullscreen .dialog--footer { background-color: var(--theme--surface-2dp); border-top: 1px solid var(--theme--surface-2dp-border); bottom: 0; padding: 20px 25px; position: -webkit-sticky; position: sticky; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 25px -25px -25px; } } .dialog--footer p { color: hsl(var(--theme--on-base--hsl)/var(--contrast-opacity-100, var(--opacity-70))); margin: 0; } @media (max-width: 767px) { .dialog--footer p { font-size: 0.75rem; } } .dialog--footer button { margin: 0 0 0 auto; } @media (max-width: 767px) { .dialog--footer button { font-size: 0.9375rem; height: 40px; padding: 12px 15px; } } .dialog--tabs { grid-column: tabs-start/tabs-end; grid-row: tabs-start/tabs-end; } .dialog--tabs .tabs { padding: 4px calc(var(--dialog-padding) - 12px) 0; } .dialog--tabs .tab { padding: 12px 12px 13px; } @-webkit-keyframes toright { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes toright { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loading-dots { 0% { content: "."; } 25% { content: ".."; } 50% { content: "..."; } 75% { content: ""; } } @keyframes loading-dots { 0% { content: "."; } 25% { content: ".."; } 50% { content: "..."; } 75% { content: ""; } } .form--button { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: var(--theme--primary); border: 2px solid hsl(var(--theme--primary--hsl)/var(--contrast-opacity-100, var(--opacity-0))); border-radius: 3px; box-sizing: border-box; color: var(--theme--on-primary); cursor: pointer; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-family: var(--font-info); font-size: 1.0625rem; font-weight: 600; gap: 18px; min-height: 46px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 1.1; margin: 0; padding: 8px 21px; text-align: center; text-decoration: none; -ms-touch-action: manipulation; touch-action: manipulation; transition: background-color .1s ease; vertical-align: middle; -webkit-appearance: none; } .form--button:hover { background: var(--theme--primary-hover); } .form--button:focus { background: var(--theme--primary-focus); } .form--button:focus-visible { outline-color: var(--theme--on-surface); } .form--button:disabled { background-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-40))); border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-0, var(--opacity-0))); color: hsl(var(--theme--surface-2dp--hsl)/var(--contrast-opacity-100, var(--opacity-80))); cursor: default; } .form--button svg { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 24px; margin: 0 -12px; width: 24px; } @supports (-webkit-touch-callout: none) and (not (translate: none)) { .form--button svg { margin: 0; } } @media (prefers-reduced-motion: no-preference) { .form--button.loading::after { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: spin; animation-name: spin; -webkit-animation-timing-function: linear; animation-timing-function: linear; border-radius: 50%; border: 3px solid hsl(var(--theme--on-primary--hsl)/var(--contrast-opacity-0, var(--opacity-40))); border-top: 3px solid var(--theme--on-primary); content: ""; display: block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: .7em; margin: 0 -12px 0 -4px; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; width: .7em; } .form--button:disabled.loading::after { border-color: hsl(var(--theme--surface-2dp--hsl)/var(--contrast-opacity-0, var(--opacity-40))); border-top-color: var(--theme--surface-2dp); } } @media (forced-colors: active),(prefers-reduced-motion: reduce) { .form--button.loading:after { border: none !important; height: auto; content: "."; text-align: left; -webkit-animation: loading-dots 2s infinite; animation: loading-dots 2s infinite; width: .8em; } } .form--button-cta { background-color: var(--theme--cta); color: var(--theme--on-cta); border-color: hsl(var(--theme--cta--hsl)/var(--contrast-opacity-100, var(--opacity-0))); } .form--button-cta:hover { background: var(--theme--cta-hover); } .form--button-cta:focus { background: var(--theme--cta-focus); } .form--button-cta:disabled { background-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-30))); border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-0, var(--opacity-0))); color: hsl(var(--theme--surface-2dp--hsl)/var(--contrast-opacity-100, var(--opacity-80))); } .form--button-cta.loading::after { border-color: hsl(var(--theme--on-cta--hsl)/var(--contrast-opacity-0, var(--opacity-20))) !important; border-top-color: var(--theme--on-cta) !important; } .form--button-secondary { background: rgba(0,0,0,0); border: 2px solid hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-100, var(--opacity-40))); color: var(--theme--on-surface); } .form--button-secondary:hover { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-5)); } .form--button-secondary:focus { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-10)); } .form--button-secondary:disabled { background: rgba(0,0,0,0); border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-30))); color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-30))); } .form--button-secondary.loading::after { border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-0, var(--opacity-20))) !important; border-top-color: var(--theme--on-surface) !important; } .form--button-text { background: rgba(0,0,0,0); border: 2px solid hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-100, var(--opacity-0))); color: var(--theme--on-surface); } .form--button-text:hover { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-5)); } .form--button-text:focus { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-10)); } .form--button-text:disabled { background: rgba(0,0,0,0); border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-0))); color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-40))); } .form--button-text.loading::after { border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-0, var(--opacity-20))) !important; border-top-color: var(--theme--on-surface) !important; } .form--button-weak { background: hsl(var(--theme--on-surface--hsl)/0.07); border: 2px solid hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-100, var(--opacity-0))); color: var(--theme--on-surface); } .form--button-weak:hover { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-10)); } .form--button-weak:focus { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-15)); } .form--button-weak:disabled { background: hsl(var(--theme--on-surface--hsl)/var(--opacity-5)); color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-50, var(--opacity-30))); } .form--button-weak.loading::after { border-color: hsl(var(--theme--on-surface--hsl)/var(--contrast-opacity-0, var(--opacity-20))) !important; border-top-color: var(--theme--on-surface) !important; } .form--button-xs { font-size: 0.875rem; gap: 10px; min-height: 32px; padding: 5px 12px; } .form--button-xs svg { height: 16px; margin: 0 -6px; width: 16px; } @supports (-webkit-touch-callout: none) and (not (translate: none)) { .form--button-xs svg { margin: 0; } } @media (prefers-reduced-motion: no-preference) { .form--button-xs.loading::after { margin: 0; } } .form--button-small { font-size: 1rem; gap: 12px; min-height: 40px; padding: 6px 17px; } .form--button-small svg { height: 18px; margin: 0 -8px; width: 18px; } @supports (-webkit-touch-callout: none) and (not (translate: none)) { .form--button-small svg { margin: 0; } } @media (prefers-reduced-motion: no-preference) { .form--button-small.loading::after { margin: 0; } } .form--button-large { font-size: 1.25rem; min-height: 56px; padding: 10px 26px; } @-webkit-keyframes animation-slideleft { 100% { left: 0; } } @keyframes animation-slideleft { 100% { left: 0; } } @-webkit-keyframes animation-bounceright { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10% { -webkit-transform: scale(1.06, 0.94) translateX(0); transform: scale(1.06, 0.94) translateX(0); } 30% { -webkit-transform: scale(0.94, 1.06) translateX(10px); transform: scale(0.94, 1.06) translateX(10px); } 50% { -webkit-transform: scale(1.03, 0.97) translateX(0); transform: scale(1.03, 0.97) translateX(0); } 57% { -webkit-transform: scale(1, 1) translateX(1px); transform: scale(1, 1) translateX(1px); } 64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @keyframes animation-bounceright { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10% { -webkit-transform: scale(1.06, 0.94) translateX(0); transform: scale(1.06, 0.94) translateX(0); } 30% { -webkit-transform: scale(0.94, 1.06) translateX(10px); transform: scale(0.94, 1.06) translateX(10px); } 50% { -webkit-transform: scale(1.03, 0.97) translateX(0); transform: scale(1.03, 0.97) translateX(0); } 57% { -webkit-transform: scale(1, 1) translateX(1px); transform: scale(1, 1) translateX(1px); } 64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } .overlay-backdrop { background: rgba(0, 0, 0, 0.5); box-sizing: border-box; height: 100%; left: 0; position: fixed; top: 0; transition: all 0.25s; width: 100%; z-index: 900; } .overlay-backdrop * { box-sizing: border-box; } .overlay-backdrop.overlay-hidden { display: none; } @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { .overlay-backdrop { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: rgba(0, 0, 0, 0.3); } } .overlay { --border-radius: 6px; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4); z-index: 16; background-color: #fff; border-radius: var(--border-radius); box-sizing: border-box; height: calc(100vh - 30px); margin: 15px auto; max-width: calc(100vw - 30px); position: relative; width: 490px; /* for backward compatibility - remove when fully deployed */ } @media (min-width: 768px) { .overlay { height: 640px; margin: 85px auto; max-height: 90vh; } } .overlay .btn-overlay-close { cursor: pointer; display: inline-block; height: 48px; opacity: 0.8; overflow: hidden; position: absolute; right: 0; top: 0; transition: opacity 0.1s; width: 48px; z-index: 2; } .overlay .btn-overlay-close:hover { opacity: 1; } .overlay .btn-overlay-close::before, .overlay .btn-overlay-close::after { background: #000; border-radius: 0; content: ''; height: 2px; left: 13px; margin-top: -1px; opacity: 0.8; position: absolute; top: 50%; width: 18px; } .overlay .btn-overlay-close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .overlay .btn-overlay-close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .overlay .overlay-spinner { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHN0eWxlPi5zcGlubmVyLWdyb3VwIHt0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO2FuaW1hdGlvbjogc3BpbiAxLjVzIGluZmluaXRlIGxpbmVhcjt9LmNpcmNsZSB7b3BhY2l0eTogMC4xO2ZpbGw6IG5vbmU7c3Ryb2tlOiAjMDAwO3N0cm9rZS13aWR0aDogM3B4O30uc2VnbWVudCB7b3BhY2l0eTogMTtmaWxsOiBub25lO3N0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjUpO3N0cm9rZS13aWR0aDogM3B4O31Aa2V5ZnJhbWVzIHNwaW4gezAlIHt0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTt9MTAwJSB7dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTt9IH0gPC9zdHlsZT48ZyBjbGFzcz0ic3Bpbm5lci1ncm91cCI+PGNpcmNsZSBjbGFzcz0iY2lyY2xlIiBpZD0iY2lyY2xlNDQ5NCIgY3k9IjE1LjAwMDAwNiIgY3g9IjE1IiByPSIxMy41MDg4NjciIC8+PHBhdGggY2xhc3M9InNlZ21lbnQiIGQ9Ik0gMjguNTA4ODY3LDE1IEEgMTMuNTA4ODY3LDEzLjUwODg2NyAwIDAgMSAxNSwyOC41MDg4NjciIC8+PC9nPjwvc3ZnPg=="); height: 30px; width: 30px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); height: 30px; -webkit-transform: scale(2) translateX(-25%) translateY(-25%); transform: scale(2) translateX(-25%) translateY(-25%); width: 30px; } .overlay .overlay-spinner.overlay-hidden { display: none; } .overlay .overlay-content { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0; position: relative; z-index: 1; } .overlay .overlay-content iframe { border: 0; border-radius: var(--border-radius); display: block; height: 100%; width: 100%; } .overlay .overlay-footer { display: none; } :root { --theme-background: #e6e6e6; --theme-sidebar: #f2f2f2; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-primarydeco: #e00085; --theme-secondarydeco: #fff; --theme-linkdeco: #707070; --theme-ui-tint: #fff; --theme-ui-background: #202226; --theme-opinion-background: rgba(255, 219, 84, 0.5); --theme-opinion-primarydeco: #ffdb54; --theme-opinion-secondarydeco: #212121; --theme-ugc-background: transparent; --theme-ugc-primarydeco: #055f95; --theme-ugc-secondarydeco: #fff; --theme-community-background: transparent; --theme-community-primarydeco: #055f95; --theme-community-secondarydeco: #fff; --theme-live-background: transparent; --theme-live-primarydeco: #e02b4b; --theme-live-secondarydeco: #fff; --js-active-layout: mobile; --js-vh: 1vh; } :root { --site--core-maxwidth: unset; --site--core-minwidth: 0; --site--core-margin-left: 0px; --site--core-margin-right: 0px; --site--core-margin: 0 var(--site--core-margin-right) 0 var(--site--core-margin-left); --site--core-padding: 15px; } @media all and (min-width: 655px) { :root { --site--core-margin-left: 1.5625rem; --site--core-margin-right: 1.5625rem; } } @media all and (min-width: 960px) { :root { --site--core-maxwidth: 1875px; --site--core-margin-left: 0.9375rem; --site--core-margin-right: 0.9375rem; } } @media all and (min-width: 1000px) { :root { --site--core-margin-left: 1.5625rem; --site--core-margin-right: 1.5625rem; } } @media all and (min-width: 1600px) { :root { --site--core-margin-left: 5.625rem; } } @media all and (min-width: 2100px) { :root { --site--core-margin-left: auto; --site--core-margin-right: auto; } } .dst-header { --site--core-padding: 20px; --site--core-margin-left: 0; --site--core-margin-right: 0; --slot--search-display: flex; } :root { --site--header-minheight: 103px; } @media all and (min-width: 768px) { .dst-header { --site--core-margin-left: 1.5625rem; --site--core-margin-right: 1.5625rem; } } @media all and (min-width: 1024px) { .dst-header:not(.dst-app-header) { --site--core-margin-left: 4.5625rem; } :root { --site--header-minheight: 113px; } } @media all and (min-width: 1280px) { .dst-header { --site--core-margin-right: 0; } } @media all and (min-width: 2560px) { .dst-header:not(.dst-app-header) { --site--core-margin-left: 24.75rem; } :root { --site--header-minheight: 132px; } } .dst-header .quicklinks, .dst-header .site-statusbar { display: none !important; } :root { --dst-header-min-height: 103px; } @media all and (min-width: 1024px) { :root { --dst-header-min-height: 113px; } } @media all and (min-width: 2560px) { :root { --dst-header-min-height: 132px; } } dst-header, .dst-header-component { display: block; min-height: var(--dst-header-min-height); } @media all and (min-width: 1690px) { dst-header, .dst-header-component { max-width: 1357px; } } @media all and (min-width: 2560px) { dst-header, .dst-header-component { max-width: 1699px; } } :root.dst-app-header { --dst-header-min-height: 147px; --site--header-minheight: 147px; } :root.dst-app-header.no-promo { --dst-header-min-height: 112px; --site--header-minheight: 112px; } :root.dst-app-header { --site--header-minheight: 56px; } :root { --column: 20px; --gap: 20px; --row-gap: 0; --grid-block-width: 90px; --grid-block-height: 90px; --grid-gap: 15px; --grid-column: 20px; --single-column-and-gap: 35px; --single-block-and-gap: 105px; } @media (min-width: 768px) { :root { --row-gap: 15px; } } @media (min-width: 960px) { :root { --column: 18px; --gap: 8px; --row-gap: 8px; --grid-block-width: 70px; --grid-block-height: 70px; --grid-gap: 8px; --grid-column: 18px; --single-column-and-gap: 26px; --single-block-and-gap: 78px; } } @media (min-width: 1690px) { :root { --column: 20px; --gap: 15px; --row-gap: 15px; --grid-block-width: 90px; --grid-block-height: 90px; --grid-gap: 15px; --grid-column: 20px; --single-column-and-gap: 35px; --single-block-and-gap: 105px; } } @media (min-width: 768px) { :root { --js-active-layout: tablet; } } @media (min-width: 960px) { :root { --js-active-layout: desktop; } } @media (min-width: 1690px) { :root { --js-active-layout: desktop-wide; } } @media print { html { font-size: 16px; } } body { background: #e6e6e6; color: #212121; background: var(--theme-background); color: var(--theme-primarytint); font-display: swap; font-family: "STMatilda Info Variable", system-ui, sans-serif; font-size: 0.9375rem; font-weight: 420; line-height: 140%; margin: 0; min-height: 100vh; overflow-x: hidden; overflow-y: scroll; padding: 0; text-rendering: optimizeLegibility; word-break: break-word; } @media print { body { background: none; color: #000; padding: 0 !important; } body * { box-shadow: none !important; -webkit-transform: none !important; transform: none !important; transition: none !important; } } body.is-modal { height: 100vh; overflow: hidden; } figure { margin: 0; } [hidden] { display: none; } .usabilla_live_button_container { z-index: 17 !important; } button, input, select, textarea { font-family: inherit; } b, strong { font-weight: 600; } .ie-support-notification { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4); z-index: 8; background: #0078d7; bottom: 20px; color: #fff; font-size: 0.875rem; left: 20px; max-width: 660px; padding: 20px; position: fixed; right: 20px; z-index: 20 !important; } .ie-support-notification > *:first-child { margin-top: 0; } .ie-support-notification > *:last-child { margin-bottom: 0; } .ie-support-notification a { color: currentcolor; } .ie-support-notification button { background: none; border: 1px solid currentcolor; border-radius: 5px; color: currentcolor; cursor: pointer; padding: 8px 10px; white-space: nowrap; } .theme-default { --theme-background: #e6e6e6; --theme-sidebar: #f2f2f2; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-primarydeco: #e00085; --theme-secondarydeco: #fff; --theme-linkdeco: #707070; --theme-ui-tint: #fff; --theme-ui-background: #202226; --theme-opinion-background: rgba(255, 219, 84, 0.5); --theme-opinion-primarydeco: #ffdb54; --theme-opinion-secondarydeco: #212121; --theme-ugc-background: transparent; --theme-ugc-primarydeco: #055f95; --theme-ugc-secondarydeco: #fff; --theme-community-background: transparent; --theme-community-primarydeco: #055f95; --theme-community-secondarydeco: #fff; --theme-live-background: transparent; --theme-live-primarydeco: #e02b4b; --theme-live-secondarydeco: #fff; } .theme-opinion { --theme-background: #ffdb54; --theme-sidebar: #ffe78f; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-primarydeco: #ffdb54; --theme-secondarydeco: #212121; --theme-linkdeco: #8b7012; } .theme-ugc { --theme-background: #fff; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-primarydeco: #055f95; --theme-secondarydeco: #fff; --theme-linkdeco: #808080; } .theme-international { --theme-background: #c1d9d9; --theme-sidebar: #d6e6e6; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #316b6b; } .theme-inland { --theme-background: #d7e3e8; --theme-sidebar: #e8eff2; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #59737e; } .theme-wirtschaft { --theme-background: #d8dec1; --theme-sidebar: #e7ebd5; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #65713e; } .theme-web { --theme-background: #b7cca3; --theme-sidebar: #c9dab9; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #4a6034; } .theme-sport { --theme-background: #c6dc73; --theme-sidebar: #d4e694; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #556222; } .theme-wissenschaft { --theme-background: #bedae3; --theme-sidebar: #d4e7ed; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #4a6874; } .theme-panorama { --theme-background: #aed4ae; --theme-sidebar: #c5e2c5; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #446944; } .theme-etat { --theme-background: #fc6; --theme-sidebar: #ffd88a; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #846019; } .theme-kultur { --theme-background: #d2d0cf; --theme-sidebar: #e1e0df; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #6e6e6e; } .theme-zukunft { --theme-background: #e6e6e6; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #707070; } .theme-diskurs { --theme-background: #fff; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-kommentare { --theme-background: #f7f7f0; } .theme-kolumnen { --theme-background: #ffdb54; } .theme-debatten { --theme-background: #e6e6e6; } .theme-lifestyle { --theme-background: #fff; --theme-sidebar: #f0f0f0; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-automobil { --theme-background: #fff; --theme-sidebar: #f0f0f0; } .theme-bildung { --theme-background: #f8f8f8; --theme-sidebar: #ebebeb; } .theme-reisen { --theme-background: #f8f8f8; --theme-sidebar: #ebebeb; } .theme-familie { --theme-background: #ebe7ed; --theme-sidebar: #f7f7f7; } .theme-gesundheit { --theme-background: #f8f8f8; --theme-sidebar: #ebebeb; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-karriere { --theme-background: #f8f8f8; --theme-sidebar: #ebebeb; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-immobilien { --theme-background: #f8f8f8; --theme-sidebar: #ebebeb; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-diestandard { --theme-background: #efefef; --theme-sidebar: white; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-user { --theme-background: #f8f8f8; --theme-sidebar: #ebebeb; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #808080; } .theme-oenrw { --theme-background: #f2f2f2; --theme-primarytint: #212121; --theme-secondarytint: #434343; } .theme-wissenundgesellschaft { --theme-background: #bedae3; --theme-sidebar: #d4e7ed; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #4a6874; } .theme-deutschland { --theme-background: #d7e3e8; --theme-sidebar: #e8eff2; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #59737e; } .theme-meinung { --theme-background: #e6e6e6; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #707070; } .theme-formulare { --theme-background: #fde2ba; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-linkdeco: #cacaca; } .theme-jobsuche { --theme-background: #efefef; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-primarydeco: #24869b; --theme-linkdeco: #808080; --theme-header-background: #24869b; --theme-header-primarytint: #fff; } .theme-immobiliensuche { --theme-background: #e0e3e0; --theme-primarytint: #212121; --theme-secondarytint: #434343; --theme-primarydeco: #94ba65; --theme-linkdeco: #808080; --theme-header-background: #94ba65; --theme-header-primarytint: #fff; } .basic-scrollbar, .basic-scrollbar-light { box-sizing: border-box; overflow: auto; scrollbar-width: thin; } .basic-scrollbar { scrollbar-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.05); } .basic-scrollbar-light { scrollbar-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.1); } @media (min-width: 960px) { .basic-scrollbar::-webkit-scrollbar, .basic-scrollbar-light::-webkit-scrollbar { background: none; height: 3px; width: 3px; } .basic-scrollbar-bold::-webkit-scrollbar { width: 6px; } .basic-scrollbar::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } .basic-scrollbar-light::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); } .basic-scrollbar::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); } .basic-scrollbar-light::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.6); } .basic-scrollbar::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.2); } .basic-scrollbar-light::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.2); } } .hyphenate { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } [data-closable='dialog-cleverpush-settings'][data-closable-active='false'] { display: none; } .app--header--search { background-color: #fff; border-radius: 0.375rem; display: none; margin: 0 0.625rem 0.625rem; } .app--header--search:focus-within { box-shadow: inset 0 0 0 0.125rem #de017b; } .app--header--search input { background: none; border-color: transparent; margin: 0; padding-left: 0.9375rem; } .app--header--search input:hover, .app--header--search input:focus { border-color: transparent; box-shadow: none; } .app--header--search input[type='search'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .app--header--search button { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: none !important; border: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0.6875rem; } .app--header--search button svg { height: 1.5rem; margin-right: 0 !important; opacity: 0.5; transition: opacity 0.2s; width: 1.5rem; } .app--header--search button:hover svg { opacity: 0.8; } .app--header--search .form--text { border-radius: 0.1875rem; box-sizing: border-box; color: #212121; display: block; font-size: 1rem; line-height: 1.4; max-width: 100%; min-height: 2.875rem; outline: 0 !important; padding: 0.625rem; transition: all 0.1s ease-out; width: 100% !important; } .app--header--search .form--text:focus { border-color: transparent; box-shadow: none; } .app--header--search .form--text[type='search'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .app--header--breadcrumb { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: var(--mut-header-breadcrumb-base, var(--theme--secondary)); border-radius: 0.3125rem; color: var(--mut-header-breadcrumb-on-base, var(--theme--on-secondary, inherit)); display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 1.25rem; opacity: 0; } :root.dst-app-header .app--header--breadcrumb { display: none; } .app--header--breadcrumb a { border-radius: 0.3125rem; color: inherit; font-size: 0.9375rem; padding: 0.25rem 0.5rem; position: relative; text-decoration: none; transition: background-color 0.2s; } .app--header--breadcrumb a:not(:first-child)::before { content: '\203A\0020'; left: 0; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: opacity 0.1s; } .app--header--breadcrumb a:last-child { font-weight: 500; } .app--header--breadcrumb a:hover, .app--header--breadcrumb a:focus-visible { background-color: HSLA(var(--theme--on-base--h), var(--theme--on-base--s), var(--theme--on-base--l), 0.05); } .app--header--breadcrumb a:hover::before, .app--header--breadcrumb a:hover + a::before, .app--header--breadcrumb a:focus-visible::before, .app--header--breadcrumb a:focus-visible + a::before { opacity: 0; } .async-hide { opacity: 0 !important; } .site--header-next { --transition-duration: 200ms; background-color: #e6e6e6; min-height: 50px; background-color: var(--theme-header-background, var(--theme-background)); box-sizing: border-box; color: var(--theme-header-primarytint, var(--theme-primarytint)); min-height: var(--site--header-minheight, 50px); position: fixed; top: 0; transition: box-shadow 0.15s ease-out, min-height 0.05s linear; width: 100%; z-index: 19; --site--header-brandingheight: 20px; --site--header-brandingwidth: 138px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 0 1px -2px rgba(0, 0, 0, 0.17); box-shadow: var(--theme-header-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 0 1px -2px rgba(0, 0, 0, 0.17)); } :root:not(.dst-header) { --site--header-minheight: 50px; } :root { --site--header-maxwidth: unset; --site--header-margin: 0 auto; --site--header-currentheight: var(--site--header-minheight); } @media (min-width: 768px) { :root { --site--header-margin: var(--site--core-margin); } } @media all and (min-width: 1440px) { :root { --site--header-margin: 0 calc(var(--site--core-margin-right) + var(--grid-gap) + 300px) 0 var(--site--core-margin-left); } } @media (min-width: 1690px) { :root { --site--header-margin: var(--site--core-margin); --site--header-maxwidth: 1245px; } } @media (min-width: 2100px) { :root { --site--header-margin: 0 auto; } } [v-cloak] { display: none !important; } :root:not(.dst-header) body { padding-top: var(--site--header-minheight); } :root:not(.dst-header) body .site-header.site-header-static { margin-top: calc(var(--site--header-minheight) * -1); } @media (max-width: 767.9px) { :root:not(.dst-header) body.is-sticky-statusbar { padding-top: calc(var(--site--header-minheight) + var(--site--statusbar-height, 0px)); } } .site--header-next > div { margin: 0 auto; box-sizing: border-box; margin: var(--site--header-margin); max-width: var(--site--header-maxwidth); min-height: var(--site--header-minheight); position: relative; } @media (min-width: 768px) { .site--header-next > div { margin: 0 25px; } } @media all and (min-width: 1440px) { .site--header-next > div { margin: 0 333px 0 25px; } } @media all and (min-width: 1600px) { .site--header-next > div { margin: 0 333px 0 90px; } } @media (min-width: 1690px) { .site--header-next > div { margin: 0 90px; max-width: 1245px; } } @media (min-width: 2100px) { .site--header-next > div { margin: 0 auto; } } .site--header-next > div > *:not(.site-guide-next) svg { --tint: var(--theme-header-primarytint, var(--theme-primarytint)); } .site--header-next.compact, .site--header-next.scrolled { background-color: var(--theme-header-backgroundfixed, var(--theme-header-background, var(--theme-background))); box-shadow: var(--theme-header-shadowfixed, 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 0 1px -2px rgba(0, 0, 0, 0.17)); color: var(--theme-header-primarytintfixed, var(--theme-header-primarytint, var(--theme-primarytint))); } @media (max-width: 767.9px) { .site--header-next.compact.statusbar-affixed, .site--header-next.scrolled.statusbar-affixed { box-shadow: none; } } .site--header-next.compact > div > *:not(.site-guide-next) svg, .site--header-next.scrolled > div > *:not(.site-guide-next) svg { --tint: var(--theme-header-primarytintfixed, var(--theme-header-primarytint, var(--theme-primarytint))); } .site--header-next.compact .meta a[title='Supporter'], .site--header-next.scrolled .meta a[title='Supporter'] { background-color: var(--theme-header-primarytintfixed, var(--theme-header-primarytint, #ffc83d)); } .site--header-next.compact .meta a[title='Abo'], .site--header-next.scrolled .meta a[title='Abo'] { background-color: var(--theme-header-primarytintfixed, var(--theme-header-primarytint, #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; } body > .site-contextnavigation { margin-bottom: 0; } body > .site-contextnavigation > 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); } @media all and (-ms-high-contrast: none) and (min-width: 655px), all and (-ms-high-contrast: active) and (min-width: 655px) { body > .site-contextnavigation > 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) { body > .site-contextnavigation > 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) { body > .site-contextnavigation > div { margin-left: auto; margin-right: auto; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { body > .site-contextnavigation > 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) { body > .site-contextnavigation > div > * { max-width: 1245px !important; width: calc(100% - 320px) !important; } } @supports not (display: grid) { body > .site-contextnavigation > div > * { max-width: 100%; } @media (min-width: 1280px) { body > .site-contextnavigation > div > * { max-width: calc(100% - 315px); } } @media (min-width: 1690px) { body > .site-contextnavigation > div > * { max-width: 1245px; } body > .site-contextnavigation > div > *.grid { max-width: 1260px; } } } .site-contextnavigation { grid-column: content / span 4; max-width: 100%; } @media (min-width: 960px) { .site-contextnavigation { margin-bottom: calc(var(--grid-gap) * -1); } } @media (min-width: 960px) { .site-contextnavigation { grid-column: content / span 12; } } .site-contextnavigation > div { -webkit-overflow-scrolling: touch; overflow-x: auto; } .site-contextnavigation .site-contextnavigation-breadcrumbs { display: block; font-size: 0.9375rem; line-height: 3.125rem; white-space: nowrap; } @media (max-width: 767.9px) { .site-contextnavigation .site-contextnavigation-breadcrumbs { padding: 0 var(--site--core-padding); } } .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > h3 { display: none; } .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a { color: currentColor; display: inline-block; opacity: 0.8; text-decoration: none; } .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a::before { content: '\203A\0020'; } .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a:first-of-type::before { content: none !important; } .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a:hover { opacity: 1; } .site-contextnavigation .site-contextnavigation-breadcrumbs-nav > a:last-of-type { font-weight: 700; margin-right: var(--site--core-padding); } .site-contextnavigation .site-contextnavigation-siblings { display: none; } @media (min-width: 960px) { .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)); } .site-contextnavigation .site-contextnavigation-siblings-nav > h3 { display: none; } .site-contextnavigation .site-contextnavigation-siblings-nav > ul { list-style-type: none; margin: 0; padding: 0; } .site-contextnavigation .site-contextnavigation-siblings-nav > ul li { margin-right: 10px; } .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); } .site-contextnavigation .site-contextnavigation-siblings-nav > ul li:last-child { margin-right: 0; } .site-contextnavigation .site-contextnavigation-siblings-nav > ul li a { opacity: 0.7; } .site-contextnavigation .site-contextnavigation-siblings-nav > ul li a:hover { border-bottom: 0.0625rem solid currentColor; opacity: 1; } } .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; } /* stylelint-disable */ .upost { position: relative; font-size: 0.8125rem; font-size: 13px; line-height: 130%; text-align: left; height: 0; overflow: hidden; } .upost *[data-closable-active="false"] { display: none; } .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%; } .upost .upost-inner { position: relative; } .upost .upost-content { position: relative; } .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; } .upost .upost-head { background-color: rgba(0, 0, 0, 0.1); margin: 0 !important; } .upost .upost-body, .upost .upost-tools { background-color: rgba(0, 0, 0, 0.07); margin: 0 !important; } .upost .upost-body { border-top-color: rgba(0, 0, 0, 0.07); border-bottom-color: rgba(0, 0, 0, 0.07); } .upost .upost-anniversary-badge { background: rgba(255, 255, 255, 0.4); color: #212121; font-size: 12px; line-height: 12px; padding: 8px 10px; } .upost .upost-sliderate { position: absolute; width: 100%; height: 100%; top: 0; } .upost .upost-sliderate button { width: 50%; max-width: 120px; height: 100%; color: #fff; box-sizing: border-box; border: none; border-radius: 0; } .upost .upost-sliderate-up { float: right; background-color: #2da106; border-right: 2px inset rgba(0, 0, 0, 0.1); } .upost .upost-sliderate-down { float: left; background-color: #c00; border-left: 2px inset rgba(0, 0, 0, 0.1); } .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) { .upost .upost-head { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } } .upost .upost-head * { box-sizing: border-box; } .upost .upost-head a { text-decoration: none; border-bottom: none; cursor: pointer; } .upost .upost-usercontainer, .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; } .upost .upost-usercontainer { max-width: 100%; position: relative; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 7px; } .upost .upost-usercontainer span { margin-right: 1ex; } .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%; } .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; } .upost .upost-usercontainer.upost-isuserdeleted .upost-communityname { opacity: 0.7; } .upost .upost-communityname { color: rgba(0, 0, 0, 0.8); margin: 0 5px 0 0 !important; display: inline-block; } .upost .upost-real-identity, .upost .upost-organization-identity { color: rgba(0, 0, 0, 0.6); } .upost .upost-real-identity:empty, .upost .upost-organization-identity:empty { display: none; } .upost .upost-follower { display: inline-block; white-space: nowrap; overflow: initial; color: rgba(0, 0, 0, 0.6); margin-right: 5px; } .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; } .upost .upost-follower.unfollowed { display: none; } .upost .upost-verified-identity { display: inline-block; position: relative; width: 14px; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .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; } .upost .upost-supporter { display: inline-block; position: relative; width: 16px; -webkit-transform: translateY(-1px); transform: translateY(-1px); } .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; } .upost-usermenu { position: absolute; top: 30px; left: 0; width: 100%; max-width: 270px; font-size: 13px; padding: 0; background: none; } .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; } .upost-usermenu li { margin: 0; padding: 0; list-style-type: none; border-bottom: 0.0625rem solid rgba(255, 255, 255, 0); } .upost-usermenu li.upost-usermenu-verified:last-of-type, .upost-usermenu li.upost-usermenu-communityguide:last-of-type, .upost-usermenu li.upost-usermenu-supporter:last-of-type { margin-bottom: -6px; } .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; } .upost-usermenu a, .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; } .upost-usermenu a:hover, .upost-usermenu button:hover { text-decoration: underline; } .upost-usermenu .upost-usermenu-follow button { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBhdGggZmlsbD0iIzM4YThlMCIgZD0iTTYuNTk5LDNINS4zOTl2Mi40SDNWNi42aDIuMzk5VjloMS4xOTlWNi42SDlWNS40SDYuNTk5VjN6IE02LDBDMi42ODcsMCwwLDIuNjg4LDAsNnMyLjY4Nyw2LDYsNiBjMy4zMTEsMCw2LTIuNjg4LDYtNlM5LjMxMSwwLDYsMHogTTYsMTAuODAxYy0yLjY0NiwwLTQuODAxLTIuMTU0LTQuODAxLTQuODAxUzMuMzU0LDEuMTk5LDYsMS4xOTkgYzIuNjQ1LDAsNC43OTksMi4xNTQsNC43OTksNC44MDFTOC42NDUsMTAuODAxLDYsMTAuODAxeiIvPjwvc3ZnPg=="); } .upost-usermenu strong { float: right; min-width: 13px; text-align: center; } .upost-usermenu .upost-usermenu-unfollow, .upost-usermenu .upost-usermenu-unignorecommunityidentityid { display: none; } .upost-usermenu .upost-usermenu-verified, .upost-usermenu .upost-usermenu-communityguide, .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; } .upost-usermenu .upost-usermenu-verified::before, .upost-usermenu .upost-usermenu-communityguide::before, .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; } .upost-usermenu .upost-usermenu-verified strong, .upost-usermenu .upost-usermenu-communityguide strong, .upost-usermenu .upost-usermenu-supporter strong { float: none; } .upost-usermenu .upost-usermenu-verified span, .upost-usermenu .upost-usermenu-communityguide span, .upost-usermenu .upost-usermenu-supporter span { float: left; line-height: 13px; } .upost-usermenu .upost-usermenu-verified a, .upost-usermenu .upost-usermenu-communityguide a, .upost-usermenu .upost-usermenu-supporter a { color: #fff; display: inline; float: right; font-size: 11px; line-height: 13px; text-decoration: underline; width: auto; } .upost-usermenu .upost-usermenu-verified::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1LjE5NCwyNS4zMTdhMS42MTQsMS42MTQsMCwwLDEtLjg1OC0uMjU1bC0uNzYyLS40NzlhMi44NzUsMi44NzUsMCwwLDAtMS41MDYtLjM4OSwyLjg3MSwyLjg3MSwwLDAsMC0xLjUwNi4zODlsLS43NjMuNDc5YTEuNjI1LDEuNjI1LDAsMCwxLS44Ni4yNTUsMS41NTIsMS41NTIsMCwwLDEtMS40LS45MjZsLS4zODYtLjgyYTMuMTA5LDMuMTA5LDAsMCwwLTIuNTMzLTEuNjQzbC0uOS0uMDE0YTEuNTY1LDEuNTY1LDAsMCwxLTEuMTgyLS41MzUsMS41ODcsMS41ODcsMCwwLDEtLjM2MS0xLjI2NWwuMTE1LS45YTMuMTQ0LDMuMTQ0LDAsMCwwLTEuMjUxLTIuNzYybC0uNzUtLjVhMS41ODksMS41ODksMCwwLDEtLjctMS4xLDEuNiwxLjYsMCwwLDEsLjM3NS0xLjI1OEwuNTQ0LDEyLjlBMy4xNzUsMy4xNzUsMCwwLDAsLjk3NSw5Ljg5TC42MTEsOS4wNjJBMS41NjUsMS41NjUsMCwwLDEsMS41OTEsNi45bC44Ni0uMjY5YTMuMTMxLDMuMTMxLDAsMCwwLDEuOTctMi4zbC4xMzgtLjlBMS41NDMsMS41NDMsMCwwLDEsNi4wOSwyLjA4MmExLjY2NywxLjY2NywwLDAsMSwuNDUyLjA2NGwuODY1LjI0MmEyLjM4NywyLjM4NywwLDAsMCwuNjQzLjA4M0EzLjEzOCwzLjEzOCwwLDAsMCwxMC4zLDEuNTMzbC42LS42NzFhMS41NCwxLjU0LDAsMCwxLDIuMzYxLDBsLjYuNjc2YTMuMTQxLDMuMTQxLDAsMCwwLDIuMjQ2LjkzOCwyLjM4NCwyLjM4NCwwLDAsMCwuNjQzLS4wODNsLjg2NS0uMjQyYTEuNjg4LDEuNjg4LDAsMCwxLC40NTUtLjA2NEExLjU0MSwxLjU0MSwwLDAsMSwxOS41ODgsMy40NGwuMTM4LjlhMy4xMzIsMy4xMzIsMCwwLDAsMS45NywyLjNsLjg2LjI2OWExLjU3OCwxLjU3OCwwLDAsMSwuOTg2Ljg1LDEuNiwxLjYsMCwwLDEtLjAwNiwxLjMxNmwtLjM2NC44MjhBMy4xNTYsMy4xNTYsMCwwLDAsMjMuNiwxMi45bC41ODEuNjk0YTEuNTY0LDEuNTY0LDAsMCwxLS4zMzcsMi4zNTRsLS43NS41YTMuMTUyLDMuMTUyLDAsMCwwLTEuMjUxLDIuNzYybC4xMTUuOWExLjYsMS42LDAsMCwxLS4zNjYsMS4yNjksMS41NjIsMS41NjIsMCwwLDEtMS4xNzcuNTMxbC0uOS4wMTRhMy4xMDksMy4xMDksMCwwLDAtMi41MzMsMS42NDNsLS4zODYuODJBMS41NTMsMS41NTMsMCwwLDEsMTUuMTk0LDI1LjMxN1pNOC40NiwxMC45MjZoMEw2LjUzNywxMi44NWw0LjYxNiw0LjYxNiw3LjUtNy41TDE2LjczMSw4LjA0MSwxMS4xNTMsMTMuNjIsOC40NiwxMC45MjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNCAtLjMpIi8+PC9zdmc+"); height: 25px; width: 25px; } .upost-usermenu .upost-usermenu-communityguide::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI4IDI4Ij48cGF0aCBkPSJNOCwyMGwzLjg0LTguMTZMMjAsOGwtMy44NCw4LjE2TDgsMjBtNi03LjA4QTEuMDgsMS4wOCwwLDEsMCwxNS4wOCwxNCwxLjA4LDEuMDgsMCwwLDAsMTQsMTIuOTJNMTQsMkExMiwxMiwwLDEsMSwyLDE0LDEyLDEyLDAsMCwxLDE0LDJtMCwyLjRBOS42LDkuNiwwLDEsMCwyMy42LDE0LDkuNiw5LjYsMCwwLDAsMTQsNC40WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); height: 28px; width: 28px; } .upost-usermenu .upost-usermenu-supporter::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyNSI+PHBhdGggZD0iTTE0IDIzLjdIMTRBMi43IDIuNyAwIDAgMSAxMiAyM2wtOC4yLTguMkE3LjggNy44IDAgMCAxIDEuNSA5YTcuOCA3LjggMCAwIDEgMi4zLTUuNSA3LjggNy44IDAgMCAxIDUuNi0yLjNBNy44IDcuOCAwIDAgMSAxNCAyLjhhNy44IDcuOCAwIDAgMSA0LjctMS41IDcuOCA3LjggMCAwIDEgNS41IDIuMyA3LjkgNy45IDAgMCAxIDAgMTFsLTIgMmEyLjcgMi43IDAgMCAxLTEuMy44IDIuNyAyLjcgMCAwIDEtLjggMS40IDIuNyAyLjcgMCAwIDEtMS4zLjcgMi43IDIuNyAwIDAgMS0uOCAxLjMgMi43IDIuNyAwIDAgMS0xLjMuOCAyLjcgMi43IDAgMCAxLS43IDEuMyAyLjcgMi43IDAgMCAxLTIgLjhaTTkuNCAzQTYgNiAwIDAgMCA1IDQuOGE2LjEgNi4xIDAgMCAwIDAgOC42bDUgNSAzLjMgMy4zYTEgMSAwIDAgMCAuNy4zIDEgMSAwIDAgMCAuNy0uMyAxIDEgMCAwIDAgMC0xLjVsLTMuOC0zLjhhLjUuNSAwIDAgMSAwLS43LjUuNSAwIDAgMSAuMyAwIC41LjUgMCAwIDEgLjMgMGwzLjggMy45YTEgMSAwIDAgMCAuOC4zIDEgMSAwIDAgMCAuNy0uMyAxIDEgMCAwIDAgMC0xLjVsLTMuOS0zLjhhLjUuNSAwIDAgMSAwLS4zLjUuNSAwIDAgMSAwLS4zLjUuNSAwIDAgMSAuNC0uMi41LjUgMCAwIDEgLjMuMmwzLjggMy44YTEgMSAwIDAgMCAuOC4zIDEgMSAwIDAgMCAuNy0uMyAxIDEgMCAwIDAgMC0xLjRMMTUgMTIuMmEuNS41IDAgMCAxLS4xLS4zLjUuNSAwIDAgMSAuMS0uMy41LjUgMCAwIDEgLjQtLjIuNS41IDAgMCAxIC4zLjJsMy44IDMuOGExIDEgMCAwIDAgLjguMyAxIDEgMCAwIDAgLjctLjMgMSAxIDAgMCAwIC4zLS43IDEgMSAwIDAgMC0uNC0uN2wtMy41LTMuNmEzLjggMy44IDAgMCAxLTEgLjIgMy44IDMuOCAwIDAgMS0yLjQtLjhsLTIgMmEyLjUgMi41IDAgMCAxLTEuOS44IDMuMiAzLjIgMCAwIDEtMS41LS41IDEuNSAxLjUgMCAwIDEtLjgtMSAyLjUgMi41IDAgMCAxIDEtMmwyLjYtMi42IDItMmE2LjEgNi4xIDAgMCAwLTQtMS41Wk0xOSA4LjJhLjUuNSAwIDAgMSAuNC4xLjUuNSAwIDAgMSAwIC43bC0uNS41YTMuNyAzLjcgMCAwIDEtLjcuNWwzLjMgMy4zYTIgMiAwIDAgMSAuNSAxbC45LS45YTYuMSA2LjEgMCAwIDAgMC04LjZBNiA2IDAgMCAwIDE4LjYgM2E2IDYgMCAwIDAtNC4zIDEuOGwtNC45IDVhMS43IDEuNyAwIDAgMC0uNiAxLjEuNi42IDAgMCAwIC4yLjQgMi4zIDIuMyAwIDAgMCAxLjEuMyAxLjYgMS42IDAgMCAwIDEuMi0uNEwxNCA4LjVsLjMuM2EyLjggMi44IDAgMCAwIDIgLjggMi44IDIuOCAwIDAgMCAyLS44bC41LS41YS41LjUgMCAwIDEgLjMtLjFaIiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg=="); height: 25px; width: 28px; } .upost .upost-unignore { display: none; } .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; } .upost .upost-date span { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .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; } .upost .ratings-counts, .upost .ratings-adblockmock { padding: 5px 0 8px; } .upost .ratings-log { right: -10px; } .upost .upost-body { padding: 8px 10px; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; } .upost .upost-title { font-weight: bold; font-size: 13px; margin: 0; } .upost .upost-title, .upost .upost-text { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 130%; } .upost .upost-title + .upost-text { margin-top: 10px; } .upost .upost-title:empty + .upost-text { margin-top: 0; } .upost .upost-text:empty { margin-top: 0; } .upost .upost-title, .upost .upost-text { overflow: hidden; text-overflow: ellipsis; } .upost .upost-expandlink { display: none; } .upost .upost-tools { padding: 0 1px 2px 10px; } .upost .upost-tools > a, .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; } .upost .upost-tools > a { float: left; } .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; } .upost .upost-tools button:hover { opacity: 1; } .upost .upost-tools button[disabled] { opacity: 0.3; } .upost .upost-tools button[disabled]:hover { cursor: not-allowed; } .upost .upost-tools .upost-share::before, .upost .upost-tools .upost-report::before, .upost .upost-tools .upost-ratedown::before, .upost .upost-tools .upost-subscribe::before, .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; } .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); } .upost .upost-tools .upost-viewcontext { float: left; margin-left: 0; width: auto; text-indent: 0; text-decoration: underline; } .upost .upost-tools .upost-viewcontext span { display: none; } @media (min-width: 360px) { .upost .upost-tools .upost-viewcontext span { display: inline; } } .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; } .upost-sharecontainer { position: relative; } .upost .upost-tools .upost-share { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTE5LjM3OSAxOC41NDJhMi4yODMgMi4yODMgMCAwMC0xLjQ4Ni41NjZsLTUuMjM1LTMuMDQyYTEuMzgxIDEuMzgxIDAgMDAuMDcxLS41YzAtLjIxMi0uMDcxLS4zNTQtLjA3MS0uNTY2bDUuMjM2LTMuMDQyYTIuMzMxIDIuMzMxIDAgMDAxLjU1Ny41NjYgMi4yNjQgMi4yNjQgMCAxMC0yLjI2NC0yLjI2NCAxLjU1OCAxLjU1OCAwIDAwLjA3MS41NjZsLTUuMjM3IDMuMDQ3YTIuMzMxIDIuMzMxIDAgMDAtMS41NTctLjU2NiAyLjI2NCAyLjI2NCAwIDEwMCA0LjUyOCAyLjQ3MyAyLjQ3MyAwIDAwMS41NTctLjU2Nmw1LjIzNiAzLjA0MmExLjA0OSAxLjA0OSAwIDAwLS4wNzEuNUEyLjE2IDIuMTYgMCAwMDE5LjM3OSAyM2EyLjExOCAyLjExOCAwIDAwMi4xOTMtMi4xOTMgMi4yNjcgMi4yNjcgMCAwMC0yLjE5My0yLjI2NXoiLz48L3N2Zz4K"); } .upost .upost-tools .upost-report { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTEwLjgxMiwxMS4wOTdjMC4xNzgtMC4zNTYsMC4zNTYtMC43MTEsMC42MjMtMC45NzhjMC40NDQtMC4zNTQsMC44ODktMC41MzMsMS40MjEtMC42MjIgYzAuNDQ0LTAuMDg5LDAuOTc4LTAuMDg5LDEuNDIyLTAuMDg5YzAuNjIxLDAsMS4yNDMsMCwxLjc3OC0wLjE3OGMwLjc5OC0wLjE3OCwxLjQyMS0wLjYyMiwxLjc3Ny0xLjQyMlY3LjcxOWwwLDAgYzAsMCwwLDAuMDksMC4wODgsMC4wOWMwLjg4OSwxLjg2NiwxLjY4OSwzLjczMywyLjU3OCw1LjUxYzAsMC4wODgsMCwwLjE3NiwwLDAuMjY3Yy0wLjQ0NCwwLjg4OS0xLjE1NywxLjQyMS0yLjEzMywxLjUxMSBjLTAuNTMzLDAuMDg4LTEuMDY2LDAuMDg4LTEuNiwwLjA4OGMtMC42MjIsMC0xLjI0NCwwLTEuNzc3LDAuMTc4Yy0wLjcxMSwwLjE3OC0xLjE1NSwwLjYyMi0xLjUxMSwxLjMzMyBjLTAuMDg5LDAuMDg4LDAsMC4xNzgsMCwwLjI2N2MwLjcxLDEuNDIyLDEuMzMzLDIuODQ0LDIuMDQ0LDQuMjY2YzAuMDksMC4xNzgsMC4wOSwwLjM1NSwwLjA5LDAuNjIyIGMtMC4wOSwwLjI2Ni0wLjI2OCwwLjUzMi0wLjUzNSwwLjUzMmMtMC4zNTQsMC4wOS0wLjYyMi0wLjA4OC0wLjc5OS0wLjM1NGMtMC4wOS0wLjE3OC0wLjE3OC0wLjQ0NC0wLjM1NS0wLjcxMSBjLTEuNTExLTMuMjAxLTMuMDIyLTYuMzk5LTQuNTMyLTkuNTA5Yy0wLjA4OS0wLjE3OC0wLjA4OS0wLjQ0NC0wLjA4OS0wLjYyM2MwLjA5LTAuMjY2LDAuMTc4LTAuNDQ0LDAuNDQ0LTAuNTMzIGMwLjM1Ni0wLjA5LDAuNjIyLDAsMC44LDAuMjY3QzEwLjcyMywxMS4wMDgsMTAuNzIzLDExLjAwOCwxMC44MTIsMTEuMDk3eiIvPjwvc3ZnPg=="); } .upost .upost-tools .upost-ratedown { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHJlY3QgeD0iNyIgeT0iMTQiIHdpZHRoPSIxNSIgaGVpZ2h0PSIzIi8+PC9zdmc+"); } .upost .upost-tools .upost-ratedown.rated { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHJlY3QgZmlsbD0iIzM4YThlMCIgeD0iNyIgeT0iMTQiIHdpZHRoPSIxNSIgaGVpZ2h0PSIzIi8+PC9zdmc+"); opacity: 1; } .upost .upost-tools .upost-rateup { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBvbHlnb24gcG9pbnRzPSIxMywyMiAxMywxNyA4LDE3IDgsMTQgMTMsMTQgMTMsOSAxNiw5IDE2LDE0IDIxLDE0IDIxLDE3IDE2LDE3IDE2LDIyIi8+PC9zdmc+"); } .upost .upost-tools .upost-rateup.rated { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBvbHlnb24gZmlsbD0iIzM4YThlMCIgcG9pbnRzPSIxMywyMiAxMywxNyA4LDE3IDgsMTQgMTMsMTQgMTMsOSAxNiw5IDE2LDE0IDIxLDE0IDIxLDE3IDE2LDE3IDE2LDIyIi8+PC9zdmc+"); opacity: 1; } .upost .upost-tools .upost-delete { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTEwLjIzNiwxMi45OThoOS41MjdjMCwwLDAuMDA1LDQuMzA2LDAsNy4xODEgYy0wLjAwMSwxLjI3Ny0wLjU5MSwxLjg2OS0xLjg2MSwxLjg3M2MtMS45MzQsMC4wMDYtMy44NjcsMC4wMDYtNS44LDBjLTEuMjc3LTAuMDAzLTEuODYzLTAuNTg5LTEuODY0LTEuODY5IEMxMC4yMzMsMTcuMTM1LDEwLjIzNiwxMi45OTgsMTAuMjM2LDEyLjk5OHoiLz48cGF0aCBkPSJNMTkuMzk5LDEwLjAzOWMtMC4xODEtMC4wNTktMC4zNzgtMC4wODQtMC41NjgtMC4wODcgYy0wLjU1MS0wLjAxMi0xLjEwNC0wLjAwNS0xLjY1Ny0wLjAwNWMtMC4wNSwwLTAuMTAyLDAtMC4xNzUsMGMwLTAuMzEzLDAtMC42MDQsMC0wLjg5NGMtMC4wMDItMC43MDItMC40MDUtMS4xMDYtMS4xMDYtMS4xMDYgYy0wLjI5OC0wLjAwMS0xLjQ4OC0wLjAwMS0xLjc4NiwwYy0wLjcwMSwwLTEuMTA0LDAuNDA1LTEuMTA2LDEuMTA2YzAsMC4yOTEsMCwwLjU4MiwwLDAuODk0Yy0wLjA3MywwLTAuMTI1LDAtMC4xNzUsMCBjLTAuNTUzLDAtMS4xMDYtMC4wMDctMS42NTcsMC4wMDVjLTAuMTksMC4wMDMtMC4zODcsMC4wMjktMC41NjgsMC4wODdjLTAuNzE1LDAuMjMtMS4xMDUsMC44MzktMS4xMDIsMS42ODMgYzAuMDAxLDAuMTk2LDAuMDE4LDAuMjEzLDAuMjE0LDAuMjEzYzEuNzYyLDAsOC44MDksMCwxMC41NzEsMGMwLjE5NywwLDAuMjEzLTAuMDE3LDAuMjE0LTAuMjEzIEMyMC41MDQsMTAuODc4LDIwLjExNCwxMC4yNjksMTkuMzk5LDEwLjAzOXogTTEzLjk5MSw5LjkzNmMwLTAuMjg2LTAuMDAzLTAuNTYxLDAuMDAxLTAuODM2YzAuMDAxLTAuMTA0LDAuMDY3LTAuMTY1LDAuMTY5LTAuMTY2IGMwLjI4LTAuMDAxLDEuMzk4LTAuMDAxLDEuNjc4LDBjMC4xMDIsMC4wMDEsMC4xNjcsMC4wNjIsMC4xNjksMC4xNjZjMC4wMDQsMC4yNzUsMC4wMDEsMC41NSwwLjAwMSwwLjgzNiBDMTUuNjY3LDkuOTM2LDE0LjMzNCw5LjkzNiwxMy45OTEsOS45MzZ6Ii8+PC9zdmc+"); } .upost .upost-tools .upost-quote { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTkuNSwxMC42NjloNC42MTh2My41NTZjMCwxLjMxLTAuMjcyLDIuMzQyLTAuODE2LDMuMWMtMC41NDYsMC43NTctMS40NzYsMS40MjYtMi43OTMsMi4wMDZMOS41LDE3LjQ0MSBjMC44MjEtMC4zODIsMS4zODYtMC43NjMsMS42OTQtMS4xNDFjMC4zMDctMC4zNzksMC40NzktMC44MjYsMC41MTUtMS4zNDNIOS41VjEwLjY2OXogTTE1Ljg4MiwxMC42NjlIMjAuNXYzLjU1NiBjMCwxLjMxLTAuMjcxLDIuMzQyLTAuODE3LDMuMWMtMC41NDUsMC43NTctMS40NzUsMS40MjYtMi43OTIsMi4wMDZsLTEuMDA5LTEuODljMC44MjEtMC4zODIsMS4zODYtMC43NjMsMS42OTMtMS4xNDEgYzAuMzA5LTAuMzc5LDAuNDgtMC44MjYsMC41MTYtMS4zNDNoLTIuMjA5VjEwLjY2OXoiLz48L3N2Zz4="); } .upost .upost-tools .upost-sticky { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTE2LjA3IDE4LjQ1bDQuNTMtNC41My41Ny41NyAxLjEzLTEuMTMtNS42Ni01LjY2LTEuMTMgMS4xMy41Ny41Ny00LjUzIDQuNTNIOS4yOWwtMS4xMyAxLjEzTDExLjEgMThsLTMuNCAzLjM5LjkxLjkxTDEyIDE4LjlsMi45NCAyLjk0IDEuMTMtMS4xM3YtMi4yNnoiLz48L3N2Zz4="); } .upost .upost-tools .upost-sticky.issticky { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZmlsbD0iIzM4YThlMCIgZD0iTTE2LjA3IDE4LjQ1bDQuNTMtNC41My41Ny41NyAxLjEzLTEuMTMtNS42Ni01LjY2LTEuMTMgMS4xMy41Ny41Ny00LjUzIDQuNTNIOS4yOWwtMS4xMyAxLjEzTDExLjEgMThsLTMuNCAzLjM5LjkxLjkxTDEyIDE4LjlsMi45NCAyLjk0IDEuMTMtMS4xM3YtMi4yNnoiLz48L3N2Zz4="); } .upost .upost-tools .upost-subscribe:not(.subscribed) { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTE1IDIzLjMzYTEuNjcgMS42NyAwIDAwMS42Ny0xLjY2aC0zLjM0QTEuNjcgMS42NyAwIDAwMTUgMjMuMzN6bTUtNXYtNC4xNmMwLTIuNTYtMS4zNi00LjctMy43NS01LjI3di0uNTdhMS4yNSAxLjI1IDAgMDAtMi41IDB2LjU3QTUuMDcgNS4wNyAwIDAwMTAgMTQuMTd2NC4xNkw4LjMzIDIwdi44M2gxMy4zNFYyMHptLTEuNjcuODRoLTYuNjZ2LTVjMC0yLjA3IDEuMjUtMy43NSAzLjMzLTMuNzVzMy4zMyAxLjY4IDMuMzMgMy43NXoiLz48L3N2Zz4="); } .upost .upost-tools .upost-subscribe:not(.subscribed):focus, .upost .upost-tools .upost-subscribe:not(.subscribed):hover { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTEzLjMzNCAyMS42NjdoMy4zMzNhMS42NjY1IDEuNjY2NSAwIDExLTMuMzMzIDB6bS01LS44MzN2LS44MzNMMTAgMTguMzMzdi00LjE2N0E1LjA3IDUuMDcgMCAwMTEzLjc1IDguOXYtLjU2N2ExLjI1IDEuMjUgMCAxMTIuNSAwVjguOWMyLjM5Mi41NjYgMy43NSAyLjcwOCAzLjc1IDUuMjY2djQuMTY3TDIxLjY2NyAyMHYuODMzem0zLjMzMy02LjY2OHY1aDYuNjY2di01YzAtMi4wNjYtMS4yNTgtMy43NDktMy4zMzQtMy43NDlzLTMuMzMyIDEuNjgzLTMuMzMyIDMuNzQ5em05Ljk3NS0uNDE3YTcuMDc5IDcuMDc5IDAgMDAtMi45NS01LjM1bDEuMTgzLTEuMTkyYTguNzQzIDguNzQzIDAgMDEzLjQzNCA2LjU0MnptLTE0Ljk1IDBhOC42OTEgOC42OTEgMCAwMTMuNDM0LTYuNTQybDEuMTkxIDEuMTkyYTcuMDM5IDcuMDM5IDAgMDAtMi45NTggNS4zNXoiLz48L3N2Zz4="); } .upost .upost-tools .upost-subscribe.subscribed, .upost .upost-tools .upost-subscribe.subscribed:hover, .upost .upost-tools .upost-subscribe.subscribed:focus { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTExLjMyIDguNGwtMS4yLTEuMmE4LjY5IDguNjkgMCAwMC0zLjQzIDYuNTVoMS42N2E3LjA0IDcuMDQgMCAwMTIuOTYtNS4zNXptMTAuMzIgNS4zNWgxLjY3YTguNzQgOC43NCAwIDAwLTMuNDMtNi41NEwxOC42OSA4LjRhNy4wOCA3LjA4IDAgMDEyLjk1IDUuMzV6bS0xLjY0LjQyYTUuMDggNS4wOCAwIDAwLTMuNzUtNS4yN3YtLjU3YTEuMjUgMS4yNSAwIDEwLTIuNSAwdi41N2MtMi40LjU3LTMuNzUgMi43LTMuNzUgNS4yN3Y0LjE2TDguMzMgMjB2LjgzaDEzLjMzVjIwTDIwIDE4LjMzem0tNSA5LjE2YTEuNDYgMS40NiAwIDAwLjMzLS4wMyAxLjcgMS43IDAgMDAxLjItLjk4IDEuNjcgMS42NyAwIDAwLjEzLS42NWgtMy4zM0ExLjY4IDEuNjggMCAwMDE1IDIzLjMzeiIvPjwvc3ZnPg=="); } .upost .upost-tools .upost-subscribe[disabled]:hover { cursor: wait; } .upost.upost-is-force-relevance .upost-tools .upost-ratings-difference { float: right; height: 40px; line-height: 40px; opacity: 0.6; } .upost.upost-is-force-relevance .upost-tools .upost-rateup, .upost.upost-is-force-relevance .upost-tools .upost-ratedown { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNMjYuNSwxMC41LDIwLjA1OSw1VjguMTI1SDExLjV2NC43NWg4LjU1OVYxNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjUgMjcpIHJvdGF0ZSgtOTApIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+"); background-size: initial; } .upost.upost-is-force-relevance .upost-tools .upost-ratedown { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .upost .upost-sharemenu { position: absolute; bottom: 42px; right: 0; width: 100%; max-width: 250px; font-size: 0.8125rem; font-size: 13px; } .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; } .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; } .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; } .upost .upost-sharemenu a { color: #fff; display: block; color: var(--theme-ui-tint); border-bottom: none; padding: 5px 0; cursor: pointer; } .upost .upost-sharemenu a:hover { text-decoration: none; } .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; } .upost .upost-sharemenu-twitter a::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjkiPjxwYXRoIGQ9Ik0xOS45NDUsMTIuNDY1YzAuMDA1LDAuMTA5LDAuMDA3LDAuMjE5LDAuMDA3LDAuMzI5YzAsMy4zNy0yLjU2Niw3LjI1OC03LjI1OCw3LjI1OGMtMS40NDEsMC0yLjc4Mi0wLjQyMi0zLjkxLTEuMTQ2IGMwLjE5OSwwLjAyMywwLjQwMiwwLjAzNSwwLjYwOCwwLjAzNWMxLjE5NSwwLDIuMjk0LTAuNDA3LDMuMTY4LTEuMDkyYy0xLjExNy0wLjAyLTIuMDYtMC43NTgtMi4zODMtMS43NzEgYzAuMTU1LDAuMDMsMC4zMTQsMC4wNDUsMC40NzksMC4wNDVjMC4yMzMsMCwwLjQ1OS0wLjAyOSwwLjY3My0wLjA4OWMtMS4xNjYtMC4yMzMtMi4wNDYtMS4yNjYtMi4wNDYtMi41MDEgYzAtMC4wMTEsMC0wLjAyMSwwLTAuMDMyYzAuMzQ0LDAuMTkxLDAuNzM2LDAuMzA4LDEuMTU1LDAuMzE5Yy0wLjY4Ny0wLjQ1Ny0xLjEzNS0xLjIzOC0xLjEzNS0yLjEyMyBjMC0wLjQ2OSwwLjEyNS0wLjkwNSwwLjM0Ni0xLjI4M2MxLjI1NywxLjU0NCwzLjEzNiwyLjU1OSw1LjI1NywyLjY2NmMtMC4wNDQtMC4xODgtMC4wNjUtMC4zODEtMC4wNjUtMC41ODIgYzAtMS40MDgsMS4xNDEtMi41NSwyLjU1MS0yLjU1YzAuNzMyLDAsMS4zOTYsMC4zMSwxLjg2MiwwLjgwNWMwLjU3OC0wLjExNCwxLjEyNi0wLjMyNywxLjYyLTAuNjE4IGMtMC4xOTIsMC41OTUtMC41OTYsMS4wOTYtMS4xMjQsMS40MWMwLjUxOC0wLjA2MSwxLjAxLTAuMTk3LDEuNDY2LTAuNEMyMC44NzcsMTEuNjU2LDIwLjQ0MywxMi4xMDUsMTkuOTQ1LDEyLjQ2NXoiLz48L2c+PC9zdmc+"); } .upost .upost-sharemenu-facebook a::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjkiPjxwYXRoIGQ9Ik0xNy42MzQsMTUuMDA1SDE1LjkxYzAsMi43NTYsMCw2LjE0NywwLDYuMTQ3aC0yLjU1NmMwLDAsMC0zLjM1OSwwLTYuMTQ3aC0xLjIxNHYtMi4xNzNoMS4yMTR2LTEuNDA1IGMwLTEuMDA1LDAuNDc5LTIuNTc5LDIuNTc5LTIuNTc5bDEuODkzLDAuMDA4djIuMTA4YzAsMC0xLjE1LDAtMS4zNzQsMHMtMC41NDIsMC4xMTItMC41NDIsMC41OTJ2MS4yNzZoMS45NDlMMTcuNjM0LDE1LjAwNXoiLz48L2c+PC9zdmc+"); } .upost .upost-sharemenu-googleplus a::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjkiPjxwYXRoIGQ9Ik0xMS45NDgsMTQuMjUzdjEuNWgzLjA4M2MtMC4xMiwwLjc1LTAuOTAxLDIuNDE1LTIuOTc5LDIuNDE1IGMtMS43OTMsMC0zLjI1NS0xLjQxLTMuMjU1LTMuMjM5YzAtMS44MywxLjQ2Mi0zLjI3OCwzLjI1NS0zLjI3OGMxLjAyLDAsMS43MDIsMC40NTQsMi4wOTQsMC44MjlsMS40MjQtMS4zNjMgYy0wLjkxNC0wLjg1NS0yLjEtMS4zNjctMy41MTgtMS4zNjdjLTIuOTAxLDAtNS4yNSwyLjM1LTUuMjUsNS4yNTJzMi4zNDksNS4yNSw1LjI1LDUuMjVjMy4wMzEsMCw1LjA0MS0yLjEyOSw1LjA0MS01LjEyOSBjMC0wLjM0NS0wLjAzOC0wLjYwNy0wLjA4NC0wLjg2OUgxMS45NDhMMTEuOTQ4LDE0LjI1M3oiLz48cGF0aCBkPSJNMjMuMTk4LDE1Ljc1M2gtMS41djEuNWgtMS41di0xLjVoLTEuNXYtMS41aDEuNXYtMS41aDEuNXYxLjVoMS41IFYxNS43NTN6Ii8+PC9nPjwvc3ZnPg=="); } .upost .upost-sharemenu-whatsapp a::before { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjkiPjxwYXRoIGQ9Ik0xOC4zNzIsMTYuNDY3Yy0wLjE4My0wLjA5LTEuMDgzLTAuNTM0LTEuMjUxLTAuNTk1Yy0wLjE2OC0wLjA2Mi0wLjI5LTAuMDkyLTAuNDEyLDAuMDkyIGMtMC4xMjMsMC4xODMtMC40NzMsMC41OTYtMC41NzksMC43MTljLTAuMTA4LDAuMTIyLTAuMjE0LDAuMTM4LTAuMzk3LDAuMDQ2Yy0wLjE4NC0wLjA5My0wLjc3My0wLjI4Ni0xLjQ3My0wLjkxIGMtMC41NDQtMC40ODUtMC45MTEtMS4wODUtMS4wMi0xLjI2OWMtMC4xMDUtMC4xODMtMC4wMTEtMC4yODIsMC4wODEtMC4zNzNjMC4wODEtMC4wODIsMC4xODQtMC4yMTQsMC4yNzQtMC4zMjIgYzAuMDkyLTAuMTA2LDAuMTIxLTAuMTgzLDAuMTg0LTAuMzA1YzAuMDYxLTAuMTIyLDAuMDMtMC4yMjktMC4wMTYtMC4zMmMtMC4wNDctMC4wOTItMC40MTItMC45OTMtMC41NjQtMS4zNTkgYy0wLjE1LTAuMzU4LTAuMzAxLTAuMzEtMC40MTItMC4zMTZjLTAuMTA2LTAuMDA1LTAuMjI5LTAuMDA2LTAuMzUyLTAuMDA2Yy0wLjEyMSwwLTAuMzIsMC4wNDYtMC40ODgsMC4yMjkgYy0wLjE2NywwLjE4My0wLjY0LDAuNjI2LTAuNjQsMS41MjZjMCwwLjkwMywwLjY1NSwxLjc3MywwLjc0NywxLjg5NmMwLjA5MiwwLjEyMiwxLjI5MSwxLjk3MiwzLjEyNywyLjc2NiBjMC40MzgsMC4xODgsMC43NzksMC4zMDIsMS4wNDYsMC4zODZjMC40MzgsMC4xNCwwLjgzNywwLjExOSwxLjE1MywwLjA3MmMwLjM1Mi0wLjA1MywxLjA4My0wLjQ0NCwxLjIzNC0wLjg3MSBjMC4xNTMtMC40MjgsMC4xNTMtMC43OTUsMC4xMDgtMC44N0MxOC42NzgsMTYuNjA1LDE4LjU1NiwxNi41NiwxOC4zNzIsMTYuNDY3eiIvPjxwYXRoIGQ9Ik0yMC4yMTUsOS43NTRjLTEuMzg0LTEuMzg1LTMuMjIzLTIuMTQ5LTUuMTg1LTIuMTQ5Yy00LjA0LDAtNy4zMjcsMy4yODctNy4zMjksNy4zMjhjMCwxLjI5MywwLjMzOCwyLjU1MywwLjk3OSwzLjY2NCBsLTEuMDQsMy43OTlsMy44ODUtMS4wMTljMS4wNywwLjU4MywyLjI3NSwwLjg5MSwzLjUwMywwLjg5MWgwLjAwM2M0LjAzOSwwLDcuMzI3LTMuMjg4LDcuMzI4LTcuMzI5IEMyMi4zNjEsMTIuOTgxLDIxLjYsMTEuMTQsMjAuMjE1LDkuNzU0eiBNMTUuMDMxLDIxLjAyOWgtMC4wMDNjLTEuMDkzLDAtMi4xNjQtMC4yOTMtMy4xMDEtMC44NDhsLTAuMjIzLTAuMTMzTDkuNCwyMC42NTQgbDAuNjE1LTIuMjQ4bC0wLjE0NS0wLjIyOWMtMC42MS0wLjk3Mi0wLjkzMi0yLjA5My0wLjkzMi0zLjI0NGMwLjAwMS0zLjM1OCwyLjczNC02LjA5MSw2LjA5NC02LjA5MSBjMS42MjgsMC4wMDIsMy4xNTYsMC42MzcsNC4zMDcsMS43ODhjMS4xNSwxLjE1LDEuNzgzLDIuNjgxLDEuNzgyLDQuMzA5QzIxLjEyMSwxOC4yOTksMTguMzg5LDIxLjAyOSwxNS4wMzEsMjEuMDI5eiIvPjwvZz48L3N2Zz4="); } .upost .upost-sharemenu-twitter a:hover::before { background-color: #0095d2; border-color: #0095d2; } .upost .upost-sharemenu-facebook a:hover::before { background-color: #3b5980; border-color: #3b5980; } .upost .upost-sharemenu-googleplus a:hover::before { background-color: #c34e41; border-color: #c34e41; } .upost .upost-sharemenu-whatsapp a:hover::before { background-color: #25b266; border-color: #25b266; } .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; } .upost .upost-sharemenu li.upost-sharemenu-permalink:hover { background-color: white; } .upost .upost-sharemenu li.upost-sharemenu-permalink a { color: rgba(0, 0, 0, 0.5); padding: 0; } .upost .upost-sharemenu li.upost-sharemenu-permalink a::before { content: none; } .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%; } .upost[data-rpos='0'][data-rneg='0'] .upost-head .upost-postingcontainer { -webkit-flex-basis: 105px; -ms-flex-preferred-size: 105px; flex-basis: 105px; } .upost[data-level='0'] .upost-content { border-left-width: 0; } .upost[data-level='0'] .upost-content::after { left: 0; width: 0; } .upost[data-level='1'] .upost-content { border-left-width: 5px; } .upost[data-level='1'] .upost-content::after { left: -5px; width: 5px; } .upost[data-level='2'] .upost-content { border-left-width: 10px; } .upost[data-level='2'] .upost-content::after { left: -10px; width: 10px; } .upost[data-level='3'] .upost-content { border-left-width: 15px; } .upost[data-level='3'] .upost-content::after { left: -15px; width: 15px; } .upost[data-level='4'] .upost-content { border-left-width: 20px; } .upost[data-level='4'] .upost-content::after { left: -20px; width: 20px; } .upost[data-level='5'] .upost-content { border-left-width: 25px; } .upost[data-level='5'] .upost-content::after { left: -25px; width: 25px; } .upost[data-level='6'] .upost-content { border-left-width: 30px; } .upost[data-level='6'] .upost-content::after { left: -30px; width: 30px; } .upost[data-level='7'] .upost-content { border-left-width: 35px; } .upost[data-level='7'] .upost-content::after { left: -35px; width: 35px; } .upost[data-level='8'] .upost-content { border-left-width: 40px; } .upost[data-level='8'] .upost-content::after { left: -40px; width: 40px; } .upost[data-level='9'] .upost-content { border-left-width: 45px; } .upost[data-level='9'] .upost-content::after { left: -45px; width: 45px; } .upost[data-level='10'] .upost-content { border-left-width: 50px; } .upost[data-level='10'] .upost-content::after { left: -50px; width: 50px; } .upost[data-level='11'] .upost-content { border-left-width: 55px; } .upost[data-level='11'] .upost-content::after { left: -55px; width: 55px; } .upost[data-level='12'] .upost-content { border-left-width: 60px; } .upost[data-level='12'] .upost-content::after { left: -60px; width: 60px; } .upost[data-level='13'] .upost-content { border-left-width: 65px; } .upost[data-level='13'] .upost-content::after { left: -65px; width: 65px; } .upost[data-level='14'] .upost-content { border-left-width: 70px; } .upost[data-level='14'] .upost-content::after { left: -70px; width: 70px; } .upost[data-level='15'] .upost-content { border-left-width: 75px; } .upost[data-level='15'] .upost-content::after { left: -75px; width: 75px; } .upost[data-level='16'] .upost-content { border-left-width: 80px; } .upost[data-level='16'] .upost-content::after { left: -80px; width: 80px; } .upost[data-level='17'] .upost-content { border-left-width: 85px; } .upost[data-level='17'] .upost-content::after { left: -85px; width: 85px; } .upost[data-level='18'] .upost-content { border-left-width: 90px; } .upost[data-level='18'] .upost-content::after { left: -90px; width: 90px; } .upost[data-level='19'] .upost-content { border-left-width: 95px; } .upost[data-level='19'] .upost-content::after { left: -95px; width: 95px; } .upost[data-level='0'] .communityform form::before { left: 32px; } .upost[data-level='1'] .communityform form::before { left: 37px; } .upost[data-level='2'] .communityform form::before { left: 42px; } .upost[data-level='3'] .communityform form::before { left: 47px; } .upost[data-level='4'] .communityform form::before { left: 52px; } .upost[data-level='5'] .communityform form::before { left: 57px; } .upost[data-level='6'] .communityform form::before { left: 62px; } .upost[data-level='7'] .communityform form::before { left: 67px; } .upost[data-level='8'] .communityform form::before { left: 72px; } .upost[data-level='9'] .communityform form::before { left: 77px; } .upost[data-level='10'] .communityform form::before { left: 82px; } .upost[data-level='11'] .communityform form::before { left: 87px; } .upost[data-level='12'] .communityform form::before { left: 92px; } .upost[data-level='13'] .communityform form::before { left: 97px; } .upost[data-level='14'] .communityform form::before { left: 102px; } .upost[data-level='15'] .communityform form::before { left: 107px; } .upost[data-level='16'] .communityform form::before { left: 112px; } .upost[data-level='17'] .communityform form::before { left: 117px; } .upost[data-level='18'] .communityform form::before { left: 122px; } .upost[data-level='19'] .communityform form::before { left: 127px; } .upost[data-is-selected='true'] .upost-content, .upost[data-is-selected='true'] .upost-head, .upost[data-is-selected='true'] .upost-body, .upost[data-is-selected='true'] .upost-tools { background-color: #fdc732 !important; } .upost[data-is-selected='true'] .upost-content::before { border-color: transparent #fdc732 transparent transparent !important; } .upost[data-is-selected='true'].upost-is-reply .upost-content::before { border-color: #fdc732 transparent transparent !important; } .upost[data-is-selected='true'] .upost-communityname { color: rgba(0, 0, 0, 0.8) !important; } .upost-is-reply { margin-left: 10px; } .upost-is-reply .upost-content { border-left: 95px solid rgba(0, 0, 0, 0.15); } .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; } .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; } .upost-is-reply + .upost { margin-top: 0; } .upost-is-reply + .upost.upost-is-reply { margin-top: 0; } .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); } .upost-is-new.upost-is-reply.upost-is-expanded { left: 8px; left: 100vw; } .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; } .upost-is-truncated .upost-text { max-height: 485px; max-height: 18.75rem; max-height: 300px; } .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; } .upost-is-expanded { height: auto; margin-bottom: 2px; margin-top: 4px; overflow: visible; } @media (min-width: 960px) { .upost-is-expanded { margin-top: 16px; margin-bottom: 4px; } } .upost-is-expanded.upost-is-reply + .upost { margin-top: 16px; } .upost-is-expanded.upost-is-reply { margin-top: 2px; } .upost-is-expanded.upost-is-reply + .upost.upost-is-reply { margin-top: 2px; } .upost-is-expanded.upost-is-embedded { margin-top: 0; margin-bottom: 0; } .upost-is-ignored { line-height: 100%; } .upost-is-ignored .upost-head .upost-postingcontainer { -webkit-flex: 9999 1 130px; -ms-flex: 9999 1 130px; flex: 9999 1 130px; } .upost-is-ignored .upost-follower, .upost-is-ignored .upost-date, .upost-is-ignored .ratings, .upost-is-ignored .upost-body, .upost-is-ignored .upost-tools, .upost-is-ignored .upost-sliderate { display: none; } .upost-is-ignored .upost-communityname { display: inline-block; color: rgba(0, 0, 0, 0.5); } .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%; } .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; } .upost-is-ignored-communityidentityid.upost-is-ignored .upost-communityname::after { opacity: 0.5; } .upost-is-ignored-communityidentityid .upost-usermenu-ignorecommunityidentityid { display: none; } .upost-is-ignored-communityidentityid .upost-usermenu-unignorecommunityidentityid { display: block; } .upost-is-bycommunityguide .upost-head, .upost-is-byemployee .upost-head, .upost-is-byfollowee .upost-head { background-color: rgba(255, 255, 255, 0.9); } .upost-is-bycommunityguide .upost-content::before, .upost-is-byemployee .upost-content::before, .upost-is-byfollowee .upost-content::before { border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent; } .upost-is-bycommunityguide.upost-is-reply .upost-content::before, .upost-is-byemployee.upost-is-reply .upost-content::before, .upost-is-byfollowee.upost-is-reply .upost-content::before { border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent; } .upost-is-byfollowee:not([data-is-selected='true']) .upost-communityname { color: #38a8e0; } .upost-is-bycommunityguide:not([data-is-selected='true']) .upost-communityname { color: #2e7d32; } .upost-is-byemployee:not([data-is-selected='true']) .upost-communityname { color: #e00085; } .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; } .upost-is-byfollowee .upost-usermenu .upost-usermenu-follow { display: none; } .upost-is-byfollowee .upost-usermenu .upost-usermenu-unfollow { display: block; } .upost-is-byunfollowed .upost-follower { display: none; } .upost-is-embedded { display: block !important; } .upost-is-embedded .upost-head { padding: 4px 20px; } .upost-is-embedded .upost-usermenu { left: 10px; top: 34px; } .upost-is-embedded .upost-body { padding: 16px 20px; } .upost-is-embedded .upost-tools { padding: 0 0 0 20px; } .upost-is-embedded .upost-sharemenu { bottom: 40px; } .upost-is-embedded .upost-sharemenu li:last-child::after { right: 93px; } .upost-is-sticky { margin: 0 0 10px; } .upost-is-teaser .upost-content::before { content: none; } .upost-is-teaser .upost-head { padding: 0 10px; } .upost-is-teaser .upost-body { max-height: 27px; overflow: hidden; text-overflow: ellipsis; border-bottom: none; padding: 8px 10px; } .upost-is-teaser .upost-title + .upost-text { margin-top: 0; } .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); } .upost-is-adblocked .ratings-counts, .upost-is-adblocked .ratings-log { display: none; } .upost-is-adblocked .ratings-adblockmock { display: -webkit-flex; display: -ms-flexbox; display: flex; } .large .upost { font-size: 19px; } .large .upost .upost-intro { font-size: 19px; } .large .upost .upost-head { font-size: 16px; line-height: 16px; min-height: 36px; } .large .upost .upost-follower::after { width: 10px; } .large .upost .upost-postingcontainer { -webkit-flex: 9999 1 330px; -ms-flex: 9999 1 330px; flex: 9999 1 330px; } .large .upost .ratings-counts { font-size: 16px; line-height: 16px; } .large .upost .ratings-counts > svg { width: 90px; } .large .upost .upost-tools button, .large .upost .upost-tools .upost-toolstext { height: 38px; line-height: 38px; } .large .upost .upost-tools > a, .large .upost .upost-tools button { font-size: 18px; } .large .upost-is-ignored-communityidentityid .upost-communityname::after { width: 15px; } .large .upost-is-ignored .upost-unignore { width: 21px; height: 25px; } .large .upost-is-teaser .upost-body { max-height: 44px; } .clearfix::after { clear: both; content: ''; display: table; } /* stylelint-enable */ /* stylelint-disable */ .ratings { position: relative; display: inline-block; } .ratings *[data-closable-active="false"] { display: none; } .ratings .ratings-counts, .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; } .ratings .ratings-positive-count { color: #212121; } .ratings .ratings-negative-count { color: #212121; } .ratings .ratings-counts > svg { width: 75px; height: 10px; margin: 0 5px; } .ratings .ratings-counts .ratings-counts-negativebar, .ratings .ratings-counts .ratings-counts-positivebar { transition-property: width; transition-duration: 0.7s; transition-delay: 0.5s; } .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; } .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; } .ratings-log .ratings-log-inner { max-height: 367px; padding: 0 12px 6px; } .ratings-log ul { margin: 0; padding: 6px 0 0 !important; list-style: none; } .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); } .ratings-log li:last-child { border-bottom: none; } .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; } .ratings-log li .ratings-log-communityname:hover > span { text-decoration: underline; } .ratings-log li .ratings-log-communityname.ratings-log-is-deleted { opacity: 0.7; } .ratings-log li .ratings-log-communityname.ratings-log-is-deleted:hover > span { text-decoration: none; } .ratings-log li .ratings-log-communityname.ratings-log-is-byverifieduser { overflow: visible; text-overflow: initial; } .ratings-log li .ratings-log-communityname.ratings-log-is-byverifieduser > span { display: block; float: left; max-width: 160px; overflow: hidden; text-overflow: ellipsis; } .ratings-log li .ratings-log-communityname.ratings-log-is-byverifieduser.ratings-log-is-byfollowee > span { max-width: 187px; } .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; } .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; } .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; } .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; } .ratings-log .ratings-log-communityname.ratings-log-is-byfollowee { color: #38a8e0; } .ratings-log .ratings-log-communityname.ratings-log-is-byemployee { color: #e00085; } .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; } .ratings-log li a { text-decoration: none; } .ratings-log li a:hover { text-decoration: underline; } .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; } .ratings-log li button[disabled] { cursor: default; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBhdGggZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjMiIGQ9Ik02LjU5OSwzSDUuMzk5djIuNEgzVjYuNmgyLjM5OVY5aDEuMTk5VjYuNkg5VjUuNEg2LjU5OVYzeiBNNiwwQzIuNjg3LDAsMCwyLjY4OCwwLDZzMi42ODcsNiw2LDYgYzMuMzExLDAsNi0yLjY4OCw2LTZTOS4zMTEsMCw2LDB6IE02LDEwLjgwMWMtMi42NDYsMC00LjgwMS0yLjE1NC00LjgwMS00LjgwMVMzLjM1NCwxLjE5OSw2LDEuMTk5IGMyLjY0NSwwLDQuNzk5LDIuMTU0LDQuNzk5LDQuODAxUzguNjQ1LDEwLjgwMSw2LDEwLjgwMXoiLz48L3N2Zz4="); } .ratings-log li button span { display: none; } .ratings-log .ratings-log-loading { text-align: center; display: none; color: currentColor; font-size: 11px; margin: 8px; } .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; } .ratings .ratings-adblockmock > svg { width: 75px; height: 10px; margin: 0 0 0 5px; } .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; } .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; } .ratings-adblocknotice > :last-child { margin-bottom: 0; } .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; } .ratings-adblocknotice .ratings-adblocknotice-close span { display: none; } .ratings-counts-empty { display: none !important; } .ratings-adblocknotice-upsidedown { top: auto; bottom: 30px; } .ratings-adblocknotice-upsidedown::after { border-width: 7px 7px 0; border-color: #fff transparent transparent; top: auto; bottom: -6px; } .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; } .ratings-adblocknotice-warning::after { border-color: transparent transparent #d03939; } .ratings-adblocknotice-warning.ratings-adblocknotice-upsidedown::after { border-color: #d03939 transparent transparent; } .ratings-adblocknotice-warning * { margin-top: 8px; margin-bottom: 8px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .ratings-adblocknotice-warning h2 { margin-top: 0; font-weight: 700 !important; font-size: 22px !important; line-height: 130% !important; text-transform: uppercase; } .ratings-adblocknotice-warning a { text-decoration: underline !important; color: #fff; } .ratings-adblocknotice-warning .ratings-adblocknotice-close { background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHBvbHlnb24gZmlsbD0iI2ZmZmZmZiIgcG9pbnRzPSIxMi43MjgsMi4xMjEgMTAuNjA3LDAgNi4zNjQsNC4yNDIgMi4xMjEsMCAwLDIuMTIxIDQuMjQzLDYuMzYzIDAsMTAuNjA1IDIuMTIxLDEyLjcyNiA2LjM2NCw4LjQ4NCAxMC42MDcsMTIuNzI2IDEyLjcyOCwxMC42MDUgOC40ODUsNi4zNjMgIi8+PC9zdmc+"); } .large .ratings-log { font-size: 16px; } /* stylelint-enable */ [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); } [id='forumloading'] img { display: none; } [data-forum-version='v2'] dst-forum { margin: 0 -20px; } dst-thread-header, dst-thread-footer { background-color: rgba(0, 0, 0, 0.07); display: block; margin: 8px 8px 4px 18px; } dst-thread-header .upost-replyanswer, 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; } .thread--header { border-left: 95px solid rgba(0, 0, 0, 0.1); padding: 8px; } .thread--footer { display: grid; padding: 8px; } [id='postings-container'] > [data-sticky='true'], dst-forum-tools > [data-sticky='true'] { position: -webkit-sticky; position: sticky; top: 0; z-index: 17; } dst-header.compact--visible ~ main [id='postings-container'] > [data-sticky='true'], .dst-header-component.compact--visible ~ main [id='postings-container'] > [data-sticky='true'], dst-header.compact--visible ~ main dst-forum-tools > [data-sticky='true'], .dst-header-component.compact--visible ~ main dst-forum-tools > [data-sticky='true'] { top: var(--dst-header-min-height); } @media all and (min-width: 1024px) { dst-header.compact--visible ~ main [id='postings-container'] > [data-sticky='true'], .dst-header-component.compact--visible ~ main [id='postings-container'] > [data-sticky='true'], dst-header.compact--visible ~ main dst-forum-tools > [data-sticky='true'], .dst-header-component.compact--visible ~ main dst-forum-tools > [data-sticky='true'] { top: 84px; } } @media all and (min-width: 2560px) { dst-header.compact--visible ~ main [id='postings-container'] > [data-sticky='true'], .dst-header-component.compact--visible ~ main [id='postings-container'] > [data-sticky='true'], dst-header.compact--visible ~ main dst-forum-tools > [data-sticky='true'], .dst-header-component.compact--visible ~ main dst-forum-tools > [data-sticky='true'] { top: 98px; } } dst-header.app--storyheader ~ main [id='postings-container'] > [data-sticky='true'], .dst-header-component.app--storyheader ~ main [id='postings-container'] > [data-sticky='true'], dst-header.app--storyheader ~ main dst-forum-tools > [data-sticky='true'], .dst-header-component.app--storyheader ~ main dst-forum-tools > [data-sticky='true'] { top: var(--dst-header-min-height); } @media (min-width: 960px) { [id='postings-container'] > [data-sticky='true'], dst-forum-tools > [data-sticky='true'] { max-width: 100%; z-index: 17; } } [id='postings-container'] > [data-sticky='true'].elem-is-sticky, 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) { [id='postings-container'] > [data-sticky='true'].elem-is-sticky, dst-forum-tools > [data-sticky='true'].elem-is-sticky { max-width: calc(100% - 145px); } } @media all and (min-width: 655px) { [id='postings-container'] > [data-sticky='true'].elem-is-sticky, dst-forum-tools > [data-sticky='true'].elem-is-sticky { margin: 0 -8px; padding: 0 8px; } } @media (min-width: 768px) { [id='postings-container'] > [data-sticky='true'].elem-is-sticky, 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) [id='postings-container'] > [data-sticky='true'].elem-is-sticky, :root:not(.dst-header) dst-forum-tools > [data-sticky='true'].elem-is-sticky { top: 80px; } } @media (min-width: 1280px) { .site--header-next:not(.compact) ~ main [id='postings-container'] > [data-sticky='true'].elem-is-sticky, .site--header-next:not(.compact) ~ main dst-forum-tools > [data-sticky='true'].elem-is-sticky { top: 107px; } } .dst-header [id='postings-container'] > [data-sticky='true'], .dst-header 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 [id='postings-container'] > [data-sticky='true'], .dst-header dst-forum-tools > [data-sticky='true'] { margin: 0 -8px; } } .forum-intro { color: currentColor; } .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; } .communityform * { font-family: inherit !important; } .communityform button, .communityform a { color: currentColor; } .communityform .communityform-additionalinfo-toggle { color: currentColor !important; } .communityform .communityform-intro * { line-height: 140%; } .communityform .communityform-intro a:link, .communityform .communityform-intro a:visited, .communityform .communityform-intro a:hover, .communityform .communityform-intro a:active { border-bottom: 1px solid currentColor; color: currentColor; text-decoration: none; } .communityform .communityform-input-text [type='text'], .communityform .communityform-input-textarea textarea, .communityform .communityform-select select { font-size: 1rem; } @media (min-width: 960px) { .communityform .communityform-input-text [type='text'], .communityform .communityform-input-textarea textarea, .communityform .communityform-select select { font-size: 0.9375rem; } } .communityform .communityform-footer button[type='submit'] { background: #e00085; color: #fff; background-color: var(--theme-primarydeco); color: var(--theme-secondarydeco); } .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; } .forum #forumhead p .reset-filter { padding-left: 30px; } .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; } .forum .forum-intro { font-size: inherit !important; line-height: inherit; } #forum-tb { color: #212121; color: var(--theme-primarytint); margin-top: 4px; } #forum-tb .forum-tb-context { padding: 10px 0 0 !important; } #forum-tb .forum-tb-content { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; clear: left; } #forum-tb .forum-tb-content .forum-tb-paging { -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } #forum-tb .forum-tb-content .forum-tb-paging button { width: 25px; } #forum-tb .forum-tb-content .forum-tb-paging button:hover::after, #forum-tb .forum-tb-content .forum-tb-paging button:hover::before, #forum-tb .forum-tb-content .forum-tb-paging button:focus::after, #forum-tb .forum-tb-content .forum-tb-paging button:focus::before { border-color: rgba(0, 0, 0, 0.9) !important; } #forum-tb .forum-tb-content .forum-tb-paging-background { background-color: transparent; } #forum-tb .forum-tb-content .forum-tb-textbox-page { font-size: 0.8125rem; } #forum-tb .forum-tb-content .forum-tb-select button:hover, #forum-tb .forum-tb-content .forum-tb-select button:focus { background: #202226; color: #fff; background: var(--theme-ui-background); color: var(--theme-ui-tint); } #forum-tb .forum-tb-content .forum-tb-select button:hover::after, #forum-tb .forum-tb-content .forum-tb-select button:focus::after { border-color: currentColor; } #forum-tb .forum-tb-content .forum-tb-select button:hover small, #forum-tb .forum-tb-content .forum-tb-select button:focus small { color: inherit !important; } #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) { #forum-tb .forum-tb-content .forum-tb-selectlist { background-color: #fff; background-color: var(--theme-ui-tint) !important; } } #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; } #forum-tb .forum-tb-content .forum-tb-selectlist fieldset { background: transparent; color: inherit; } @media (min-width: 960px) { #forum-tb .forum-tb-content .forum-tb-selectlist label { max-width: 92px; } } #forum-tb .forum-tb-content .forum-tb-selectlist label span { color: inherit; opacity: 0.7; } #forum-tb .forum-tb-content .forum-tb-selectlist input:checked + label::after { border-color: currentColor; } #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; } #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; } #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; } #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; } #forum-tb .forum-tb-content .forum-tb-paging, #forum-tb .forum-tb-content .forum-tb-navi, #forum-tb .forum-tb-content .forum-tb-currentpage { background-color: transparent !important; } #forum-tb .forum-tb-content .forum-tb-postingcount { height: 36px; overflow: hidden; } #forum-tb .forum-tb-content #forum-tb-loading { white-space: nowrap; } @media (max-width: 959.9px) { #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; } #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; } #forum-tb .forum-tb-content .forum-tb-paging .forum-tb-postingcount { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } #forum-tb .forum-tb-content .forum-tb-paging .forum-tb-paging-background { -webkit-flex-basis: 51px; -ms-flex-preferred-size: 51px; flex-basis: 51px; } #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; } #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; } #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; } #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; } #forum-tb .forum-tb-content .forum-tb-selectlist::before { display: block; } #forum-tb .forum-tb-content .forum-tb-selectlist[data-closable-active='true'] + .forum-tb-selectlist-backdrop { display: block; } #forum-tb .forum-tb-content .forum-tb-selectlist fieldset { font-size: 1.25rem; margin: 8px 0; padding: 8px 0 4px; } #forum-tb .forum-tb-content .forum-tb-selectlist fieldset:first-of-type legend { border-top: 0; padding-top: 0; } #forum-tb .forum-tb-content .forum-tb-selectlist legend { padding: 16px 12px 12px; } #forum-tb .forum-tb-content .forum-tb-selectlist li { display: block; line-height: 130%; margin: 4px 0; } #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) { #forum-tb .forum-tb-content .forum-tb-selectlist label { max-width: 350px; } } @media (max-width: 959.9px) { #forum-tb .forum-tb-content .forum-tb-selectlist label::before { height: 80%; top: 10%; } #forum-tb .forum-tb-content .forum-tb-selectlist label span { font-size: 0.9375rem; } #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; } #forum-tb .forum-tb-content .forum-tb-filter { min-width: 110px !important; } #forum-tb .forum-tb-content .forum-tb-filter small { display: none; } #forum-tb .forum-tb-content .forum-tb-filter, #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) { #forum-tb .forum-tb-content .forum-tb-filter button, #forum-tb .forum-tb-content .forum-tb-sorting button { opacity: 0.7; } } @media (max-width: 959.9px) { #forum-tb .forum-tb-content .forum-tb-filter button:hover, #forum-tb .forum-tb-content .forum-tb-sorting button:hover { opacity: 1; } #forum-tb .forum-tb-content .forum-tb-filter button:disabled, #forum-tb .forum-tb-content .forum-tb-sorting button:disabled { opacity: 0.2; } #forum-tb .forum-tb-content .forum-tb-filter .forum-tb-selectlabel, #forum-tb .forum-tb-content .forum-tb-sorting .forum-tb-selectlabel { background: none !important; border: 0 !important; width: auto !important; } #forum-tb .forum-tb-content .forum-tb-filter .forum-tb-selectlabel::before, #forum-tb .forum-tb-content .forum-tb-sorting .forum-tb-selectlabel::before { display: block; } #forum-tb .forum-tb-content .forum-tb-filter .forum-tb-selectlabel::after, #forum-tb .forum-tb-content .forum-tb-sorting .forum-tb-selectlabel::after { display: none; } #forum-tb .forum-tb-content .forum-tb-filter .forum-tb-selectlabel span, #forum-tb .forum-tb-content .forum-tb-sorting .forum-tb-selectlabel span { display: none; } } @media (max-width: 767.9px) { #forum-tb .forum-tb-content .forum-tb-paging .forum-tb-postingcount { -webkit-order: 0; -ms-flex-order: 0; order: 0; } #forum-tb .forum-tb-content .forum-tb-paging .forum-tb-currentpage { display: none; } #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; } } #forum-tb .forum-tb-action { box-sizing: border-box; left: unset !important; margin: 0 !important; padding: 0; position: relative !important; top: unset !important; } #forum-tb .forum-tb-action button { color: #212121; background: transparent !important; color: var(--theme-primarytint); } #forum-tb .forum-tb-action button::before { border-color: #212121; border-color: var(--theme-primarytint); } #forum-tb .forum-tb-action button:hover span { border-bottom: 1px solid currentColor; } dst-forum-tools #forum-tb .forum-tb-context { padding-bottom: 10px !important; } dst-forum-tools #forum-tb .forum-tb-action { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } #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) { #forumcontainer .elem-is-sticky #forum-tb .forum-tb-action { transition: top 0.2s ease; } .statusbar-affixed ~ main #forumcontainer .elem-is-sticky #forum-tb .forum-tb-action { top: 100px !important; } } #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; } #forumcontainer .elem-is-sticky #forum-tb .forum-tb-action button::before { border-color: #fff !important; border-color: var(--theme-ui-tint) !important; } #forumcontainer .elem-is-sticky #forum-tb .forum-tb-action button:hover span { border-color: transparent; } #postinglist { margin-top: 24px !important; } @media (max-width: 385px) { #postinglist.filtered .upost .upost-toolstext, #postinglist.filtered .upost .upost-replyanswer { display: none; } } .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; } .forum-anniversary-banner p a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } @media print { .forum-anniversary-banner p a:link::after, .forum-anniversary-banner p a:visited::after { content: " [" attr(href) "] "; font-size: 0.8em; } .forum-anniversary-banner p a[href^='/']::after { content: " [http://www.derstandard.at" attr(href) "] "; } } .forum .no-postings { background: none !important; border: 0 !important; color: inherit !important; font-size: inherit !important; } [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; } [id='forumdisclaimer'] a:link, [id='forumdisclaimer'] a:visited, [id='forumdisclaimer'] a:hover, [id='forumdisclaimer'] a:active { color: currentColor; text-decoration: none; } .upost { color: inherit; font-family: STMatilda Info Variable, system-ui, sans-serif !important; font-size: 1rem; line-height: 1.4; } .upost a { color: currentColor; } .upost .upost-head { font-size: 0.8125rem; line-height: 1.1; } .upost .upost-communityname, .upost .upost-follower, .upost .upost-date { color: inherit; } .upost .upost-title, .upost .upost-text { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; } .upost .upost-content.upost-deleted-by-user::before { display: none; } .upost .upost-content.upost-deleted-by-user .upost-text { padding: 30px; text-align: center; } .upost .upost-communityname { white-space: normal; } .upost .upost-usermenu a { color: transparent transparent #fff; color: var(--theme-ui-tint); } .upost .upost-body a:link, .upost .upost-body a:visited, .upost .upost-body a:hover, .upost .upost-body a:active { color: currentColor; text-decoration: underline; } .upost .upost-anniversary-badge { background: rgba(255, 255, 255, 0.4); color: #212121; font-size: 12px; line-height: 12px; padding: 8px 10px; } .upost .upost-tools form:first-of-type { float: left; } .upost .upost-tools form:last-of-type { float: right; } .upost .upost-tools > a, .upost .upost-tools button { color: currentColor; opacity: 0.8; } .upost .upost-tools .upost-share, .upost .upost-tools .upost-report, .upost .upost-tools .upost-ratedown, .upost .upost-tools .upost-rateup { font-size: 0; } .upost .upost-tools .upost-toolstext { font-size: 13px; } .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; } .upost .admin-functions .x { background-color: #900; color: #fff; cursor: pointer; font-weight: bold; left: auto; position: static; text-align: center; top: auto; } .upost .admin-functions .sticky { background-color: #e1e1e1; cursor: pointer; height: 24px; left: auto; position: static; text-align: center; top: auto; width: 24px; } .upost .admin-functions .sticky.active { background-color: lime; /* stylelint-disable-line */ color: #000; } .upost .admin-functions .statistics { background: #111; font-size: 10px; height: 24px; left: auto; line-height: 10px; position: static; top: auto; } .upost .admin-functions .info { bottom: auto; height: initial; overflow: visible; padding-left: 4px; position: static; text-align: right; white-space: nowrap; width: auto; } .upost .admin-functions .topposting-override { bottom: auto; font-size: 12px; margin-top: 8px; position: static; text-align: left; top: auto; white-space: nowrap; } .upost .admin-functions .topposting-override p { margin: 0; } .upost.is-sticky .ratings-log { z-index: 18; } .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) { .upost-sharemenu ul { z-index: 17; } } .upost-sharemenu ul a { text-decoration: none; } .ratings-log, .ratings-adblocknotice, .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; } :root { --lb-title: 800 2rem/1.1 STMatilda Info Variable, system-ui, sans-serif; --lb-subtitle: 420 1.125rem/1.4 STMatilda Info Variable, system-ui, sans-serif; --lb-meta: 420 0.875rem/1.2 STMatilda Info Variable, system-ui, sans-serif; --lb-copytext: 420 1.125rem/1.55 STMatilda Text Variable, system-ui, serif; --lb-caption: 420 0.9375rem/1.4 STMatilda Info Variable, system-ui, sans-serif; --lb-small: 420 0.75rem/1.2 STMatilda Info Variable, system-ui, sans-serif; --lb-highlight-title: var(--w5-info); --lb-highlight-text: var(--w4-info); --lb-redcontent-title: var(--w2-heading); --lb-redcontent-text: var(--w5-info); --lb-redcontent-toolbar: var(--w4-info); } @media (min-width: 768px) { :root { --lb-title: 800 2.25rem/1.1 STMatilda Info Variable, system-ui, sans-serif; --lb-subtitle: 420 1.1875rem/1.4 STMatilda Info Variable, system-ui, sans-serif; } } @media (min-width: 960px) { :root { --lb-title: 800 2.375rem/1.1 STMatilda Info Variable, system-ui, sans-serif; --lb-subtitle: 420 1.25rem/1.4 STMatilda Info Variable, system-ui, sans-serif; } } @media (min-width: 1280px) { :root { --lb-title: 800 2.5625rem/1.1 STMatilda Info Variable, system-ui, sans-serif; } } body { overflow-y: hidden; } main { 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); margin-top: 10px; position: relative; width: auto; } @media all and (-ms-high-contrast: none) and (min-width: 655px), all and (-ms-high-contrast: active) and (min-width: 655px) { main { 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) { main { margin-left: 90px; } } @media all and (-ms-high-contrast: none) and (min-width: 2100px), all and (-ms-high-contrast: active) and (min-width: 2100px) { main { margin-left: auto; margin-right: auto; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { main > * { 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) { main > * { max-width: 1245px !important; width: calc(100% - 320px) !important; } } @supports not (display: grid) { main > * { max-width: 100%; } @media (min-width: 1280px) { main > * { max-width: calc(100% - 315px); } } @media (min-width: 1690px) { main > * { max-width: 1245px; } main > *.grid { max-width: 1260px; } } } .site-footer > div { margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; min-width: 0 !important; } #biTrackingImg { position: absolute; } #objectContent.livereport { bottom: inherit !important; height: calc(100vh - var(--dst-header-min-height, var(--site--header-minheight))); margin: 0; max-width: 1245px; position: relative !important; top: inherit !important; width: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #objectContent.livereport { margin-left: 30px; margin-right: 30px; } } #objectContent.livereport .livereport-uihint { 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; -webkit-animation: 0.5s animation-fadein; animation: 0.5s animation-fadein; } #objectContent.livereport .livereport-uihint span { padding: 0.9375rem 0.9375rem 0.625rem 0.9375rem; } #objectContent.livereport .livereport-uihint em { padding: 0.875rem 0.9375rem 0.9375rem 0.9375rem; } #objectContent.livereport .livereport-uihint, #objectContent.livereport .livereport-uihint em { font-size: 0.875rem; line-height: 1rem; } #objectContent.livereport .clear::after { clear: both; content: ''; display: table; } #objectContent.livereport #report-mode { background-color: #e02b4b; color: #fff; background-color: var(--theme-live-primarydeco); color: var(--theme-live-secondarydeco); display: -webkit-flex; display: -ms-flexbox; display: flex; font-weight: bold; width: 50%; } @media (max-width: 480px) { #objectContent.livereport #report-mode { width: 70%; } } #objectContent.livereport #report-mode span { background: none; border: 0; color: inherit; font-size: 0.8125rem; line-height: 36px; margin: 0 !important; padding: 0 18px; padding: 0 var(--grid-column); } #objectContent.livereport #report-mode span.total-posting-count { margin-right: auto !important; } #objectContent.livereport #report-mode span.mode { margin-left: auto; -webkit-order: 2; -ms-flex-order: 2; order: 2; } #objectContent.livereport #report-mode.connected span.Live { border: 0; text-transform: uppercase; } #objectContent.livereport #report-mode.connected span.Live::before { background-color: #fff; background-color: var(--theme-live-secondarydeco); border-radius: 100%; content: ''; display: inline-block; height: 6px; margin-right: 5px; position: relative; top: -1px; width: 6px; } #objectContent.livereport #report-mode #loading-indicator { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHN0eWxlPi5zcGlubmVyLWdyb3VwIHt0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO2FuaW1hdGlvbjogc3BpbiAxLjVzIGluZmluaXRlIGxpbmVhcjt9LmNpcmNsZSB7b3BhY2l0eTogMC4xO2ZpbGw6IG5vbmU7c3Ryb2tlOiAjMDAwO3N0cm9rZS13aWR0aDogM3B4O30uc2VnbWVudCB7b3BhY2l0eTogMTtmaWxsOiBub25lO3N0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjUpO3N0cm9rZS13aWR0aDogM3B4O31Aa2V5ZnJhbWVzIHNwaW4gezAlIHt0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTt9MTAwJSB7dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTt9IH0gPC9zdHlsZT48ZyBjbGFzcz0ic3Bpbm5lci1ncm91cCI+PGNpcmNsZSBjbGFzcz0iY2lyY2xlIiBpZD0iY2lyY2xlNDQ5NCIgY3k9IjE1LjAwMDAwNiIgY3g9IjE1IiByPSIxMy41MDg4NjciIC8+PHBhdGggY2xhc3M9InNlZ21lbnQiIGQ9Ik0gMjguNTA4ODY3LDE1IEEgMTMuNTA4ODY3LDEzLjUwODg2NyAwIDAgMSAxNSwyOC41MDg4NjciIC8+PC9nPjwvc3ZnPg=="); height: 30px; width: 30px; background-position: 50% 50%; background-size: 16px; height: 36px; margin: 0; -webkit-order: 3; -ms-flex-order: 3; order: 3; width: 36px; } #objectContent.livereport #report-mode #loading-indicator img { display: none; } #objectContent.livereport #split-screen { font-size: inherit; line-height: inherit; max-width: none; width: 100%; } #objectContent.livereport #split-screen .header .counter { font-size: 0.6875rem; line-height: 0.8125rem; } #objectContent.livereport #split-screen .editor { font-size: 0.8125rem; } #objectContent.livereport #split-screen #C .editor { font-size: 0.6875rem; } #objectContent.livereport #split-screen .comment .date { font-size: 0.6875rem; } #objectContent.livereport #split-screen .comment .admin .admin-comment-ishighligh, #objectContent.livereport #split-screen .comment .admin .admin-comment-delete-msg { font-size: 0.8125rem; line-height: 1.4375rem; } #objectContent.livereport #split-screen .comment-container .unignore { font-size: 0.75rem; } #objectContent.livereport #split-screen.active { left: -50%; } #objectContent.livereport #split-screen .split-screen-header { left: 50%; } #objectContent.livereport #split-screen .split-screen-header a { color: #fff; background: rgba(0, 0, 0, 0.6) none; box-sizing: border-box; color: var(--theme-live-secondarydeco); height: auto; line-height: 36px; margin: 0; padding: 0 18px; padding: 0 var(--grid-column); text-decoration: none; width: 100%; } #objectContent.livereport #split-screen .split-screen-header a::before { border-color: transparent white transparent transparent; border-style: solid; border-width: 5px 5px 5px 0; content: ''; display: inline-block; height: 0; margin-right: 6px; width: 0; } #objectContent.livereport #split-screen .ratings .ratings-counts { background-color: transparent; border: 0; } #objectContent.livereport #split-screen .ratings-log a:focus-visible, #objectContent.livereport #split-screen .ratings-log button:focus-visible { outline: 3px solid #fff; } #objectContent.livereport #split-screen .col-container { top: 0; width: 50%; } #objectContent.livereport #split-screen .col-container .col { -webkit-overflow-scrolling: touch; width: 100%; } #objectContent.livereport #split-screen .col-container .col > .inner { padding-bottom: 18px; padding-bottom: var(--grid-column); } #objectContent.livereport #split-screen .col-container .col #panel-container .panel-detach { font-size: 1.25rem; line-height: 1.75rem; } #objectContent.livereport #split-screen .col-container .loading-container .loading-bar { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHN0eWxlPi5zcGlubmVyLWdyb3VwIHt0cmFuc2Zvcm0tb3JpZ2luOiA1MCUgNTAlO2FuaW1hdGlvbjogc3BpbiAxLjVzIGluZmluaXRlIGxpbmVhcjt9LmNpcmNsZSB7b3BhY2l0eTogMC4xO2ZpbGw6IG5vbmU7c3Ryb2tlOiAjMDAwO3N0cm9rZS13aWR0aDogM3B4O30uc2VnbWVudCB7b3BhY2l0eTogMTtmaWxsOiBub25lO3N0cm9rZTogcmdiYSgwLCAwLCAwLCAwLjUpO3N0cm9rZS13aWR0aDogM3B4O31Aa2V5ZnJhbWVzIHNwaW4gezAlIHt0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTt9MTAwJSB7dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTt9IH0gPC9zdHlsZT48ZyBjbGFzcz0ic3Bpbm5lci1ncm91cCI+PGNpcmNsZSBjbGFzcz0iY2lyY2xlIiBpZD0iY2lyY2xlNDQ5NCIgY3k9IjE1LjAwMDAwNiIgY3g9IjE1IiByPSIxMy41MDg4NjciIC8+PHBhdGggY2xhc3M9InNlZ21lbnQiIGQ9Ik0gMjguNTA4ODY3LDE1IEEgMTMuNTA4ODY3LDEzLjUwODg2NyAwIDAgMSAxNSwyOC41MDg4NjciIC8+PC9nPjwvc3ZnPg=="); height: 30px; width: 30px; background-position: 50% 50%; background-size: 36px; height: 36px; margin-left: auto; margin-right: auto; width: 36px; } #objectContent.livereport #split-screen .col-container .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; position: absolute; } #objectContent.livereport #split-screen .col-container .notification a { font-size: 0.75rem; } #objectContent.livereport #split-screen .upost .upost-usercontainer { background-color: transparent; border: 0; color: currentcolor; cursor: pointer; padding-left: 0; padding-right: 0; } #objectContent.livereport #split-screen .upost .upost-usermenu a:focus-visible, #objectContent.livereport #split-screen .upost .upost-usermenu button:focus-visible { outline: 3px solid #fff; } @media (max-width: 480px) { #objectContent.livereport #split-screen #A { width: 30%; } } #objectContent.livereport #split-screen #A .col .inner { margin-right: 15px; padding-left: 0; } @media (min-width: 1690px) { #objectContent.livereport #split-screen #A .col .inner { padding-bottom: calc(18px + 25px); padding-right: calc(18px + (15px / 2)); padding-bottom: calc(var(--grid-column) + 25px); padding-right: calc(var(--grid-column) + (15px / 2)); } } #objectContent.livereport #split-screen #A #content-header { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem; margin: 1rem 0; } #objectContent.livereport #split-screen #A #content-header .clear { display: none; } #objectContent.livereport #split-screen #A h1 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font: var(--lb-title); margin: 0; } #objectContent.livereport #split-screen #A h6 { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font: var(--lb-meta); font-feature-settings: 'tnum'; margin: 0; } #objectContent.livereport #split-screen #A h6 .form { color: #e02b4b; color: var(--theme-live-primarydeco); font-weight: bold; text-transform: uppercase; } #objectContent.livereport #split-screen #A h6 .form:not(:empty) ~ .author::before, #objectContent.livereport #split-screen #A h6 .form:not(:empty) ~ .date::before { content: '/ '; } #objectContent.livereport #split-screen #A h6 .author:not(:empty) ~ .date::before { content: '/ '; } #objectContent.livereport #split-screen #A h6 .author, #objectContent.livereport #split-screen #A h6 .date { opacity: 0.8; } #objectContent.livereport #split-screen #A h6 .author:empty::before, #objectContent.livereport #split-screen #A h6 .date:empty::before { content: none !important; } #objectContent.livereport #split-screen #A .socialsharing { display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 0.25rem; } #objectContent.livereport #split-screen #A .socialsharing a { border-radius: 100%; display: block; height: 30px; width: 30px; } #objectContent.livereport #split-screen #A .socialsharing .twitter { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMywxMC4wMDljLTAuNTg3LDAuMjY4LTEuMjI5LDAuNDI3LTEuODk2LDAuNTA5YzAuNjY3LTAuNDAxLDEuMjAxLTEuMDQzLDEuNDQyLTEuODE4IGMtMC42NDIsMC4zNzUtMS4zMzYsMC42NDItMi4wODMsMC44MDJjLTAuNTg4LTAuNjQtMS40NDMtMS4wNDEtMi40MDQtMS4wNDFjLTEuODE2LDAtMy4yODUsMS40NjktMy4yODUsMy4yODUgYzAsMC4yNjgsMC4wMjYsMC41MDgsMC4wOCwwLjc0OGMtMi43MjQtMC4xMzQtNS4xNTUtMS40NDItNi43NTctMy40MTljLTAuMjk0LDAuNDc5LTAuNDU0LDEuMDQxLTAuNDU0LDEuNjI5IGMwLDEuMTQ4LDAuNTg3LDIuMTM3LDEuNDY4LDIuNzI0Yy0wLjUzMy0wLjAyNS0xLjA0MS0wLjE1OS0xLjQ5Ni0wLjRjMCwwLjAyNywwLDAuMDI3LDAsMC4wNTNjMCwxLjYwNCwxLjEyMiwyLjkxMiwyLjY0NCwzLjIzMiBjLTAuMjY3LDAuMDgxLTAuNTYxLDAuMTA3LTAuODU0LDAuMTA3Yy0wLjIxMywwLTAuNDI3LTAuMDI2LTAuNjE0LTAuMDUzYzAuNDI3LDEuMzA4LDEuNjI5LDIuMjQ0LDMuMDcxLDIuMjY5IGMtMS4xMjIsMC44ODEtMi41MzcsMS40MTYtNC4wODYsMS40MTZjLTAuMjY3LDAtMC41MzQtMC4wMjUtMC43NzQtMC4wNTRjMS40NDIsMC45MzUsMy4xNzgsMS40Nyw1LjA0OSwxLjQ3IGM2LjAzNywwLDkuMzQ4LTUuMDIyLDkuMzQ4LTkuMzQ5YzAtMC4xMzQsMC0wLjI5NCwwLTAuNDI3QzIyLjAxMywxMS4yMzgsMjIuNTQ2LDEwLjY1LDIzLDEwLjAwOXoiLz48L3N2Zz4="); height: 30px; width: 30px; background-color: #0095d2; } #objectContent.livereport #split-screen #A .socialsharing .x { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjA2NiwxMy44NTFsNS40NjQsLTYuMzUxbC0xLjI5NSwtMGwtNC43NDQsNS41MTVsLTMuNzg5LC01LjUxNWwtNC4zNzEsLTBsNS43Myw4LjM0bC01LjczLDYuNjZsMS4yOTUsMGw1LjAxLC01LjgyNGw0LjAwMiw1LjgyNGw0LjM3MSwwbC01Ljk0MywtOC42NDlsMCwwWm0tMS43NzMsMi4wNjJsLTAuNTgxLC0wLjgzbC00LjYxOSwtNi42MDhsMS45ODgsLTBsMy43MjksNS4zMzJsMC41OCwwLjgzMWw0Ljg0Niw2LjkzMmwtMS45ODksLTBsLTMuOTU0LC01LjY1N2wtMCwtMFoiLz4KPC9zdmc+"); height: 30px; width: 30px; background-color: #000; } #objectContent.livereport #split-screen #A .socialsharing .bluesky { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwLjE3NSw4LjUxYzEuOTUzLDEuNDY2IDQuMDU0LDQuNDM5IDQuODI1LDYuMDM1YzAuNzcxLC0xLjU5NiAyLjg3MiwtNC41NjkgNC44MjUsLTYuMDM1YzEuNDEsLTEuMDU4IDMuNjkzLC0xLjg3NyAzLjY5MywwLjcyOGMwLDAuNTIgLTAuMjk4LDQuMzcgLTAuNDczLDQuOTk1Yy0wLjYwOCwyLjE3NCAtMi44MjQsMi43MjggLTQuNzk1LDIuMzkyYzMuNDQ1LDAuNTg3IDQuMzIyLDIuNTI5IDIuNDI5LDQuNDcxYy0zLjU5NSwzLjY4OSAtNS4xNjcsLTAuOTI1IC01LjU3LC0yLjEwOGMtMC4wNzQsLTAuMjE2IC0wLjEwOCwtMC4zMTggLTAuMTA5LC0wLjIzMWMtMC4wMDEsLTAuMDg3IC0wLjAzNSwwLjAxNSAtMC4xMDksMC4yMzFjLTAuNDAzLDEuMTgzIC0xLjk3NSw1Ljc5NyAtNS41NywyLjEwOGMtMS44OTMsLTEuOTQyIC0xLjAxNiwtMy44ODQgMi40MjksLTQuNDcxYy0xLjk3MSwwLjMzNiAtNC4xODcsLTAuMjE4IC00Ljc5NSwtMi4zOTJjLTAuMTc1LC0wLjYyNSAtMC40NzMsLTQuNDc1IC0wLjQ3MywtNC45OTVjLTAsLTIuNjA1IDIuMjgzLC0xLjc4NiAzLjY5MywtMC43MjhaIiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtcnVsZTpub256ZXJvOyIvPgo8L3N2Zz4="); height: 30px; width: 30px; background-color: #329aff; } #objectContent.livereport #split-screen #A .socialsharing .facebook { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNi4xOTEsMjIuNjU2di02Ljk5OGgyLjM1NGwwLjM2Mi0yLjc0NmgtMi43MTZ2LTEuNzVjMC0wLjc4MywwLjIxMS0xLjMyNiwxLjM1OC0xLjMyNmgxLjQ0NyBWNy4zOTNjLTAuMjQxLTAuMDMxLTEuMTE2LTAuMTIxLTIuMTExLTAuMTIxYy0yLjA4MSwwLjAyOS0zLjUyOSwxLjI5Ny0zLjUyOSwzLjYxOXYyLjAyMWgtMi4zNTR2Mi43NDZoMi4zNTR2Ni45OThIMTYuMTkxeiIvPjwvc3ZnPg=="); height: 30px; width: 30px; background-color: #3b5980; } #objectContent.livereport #split-screen #A h2 { font: var(--lb-subtitle); margin-top: 0; } #objectContent.livereport #split-screen #A .copytext { font: var(--lb-copytext); } #objectContent.livereport #split-screen #A .copytext 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; } #objectContent.livereport #split-screen #A .copytext a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } @media print { #objectContent.livereport #split-screen #A .copytext a:link::after, #objectContent.livereport #split-screen #A .copytext a:visited::after { content: " [" attr(href) "] "; font-size: 0.8em; } #objectContent.livereport #split-screen #A .copytext a[href^='/']::after { content: " [http://www.derstandard.at" attr(href) "] "; } } #objectContent.livereport #split-screen #A .copytext h3 { font-size: 1.2em; font-weight: 600; line-height: 1.3; } #objectContent.livereport #split-screen #A .copytext img ~ small { font: var(--lb-small); opacity: 0.4; } #objectContent.livereport #split-screen #B { left: 50%; top: 36px; } @media (max-width: 480px) { #objectContent.livereport #split-screen #B { left: 30%; width: 70%; } } #objectContent.livereport #split-screen #B .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; } #objectContent.livereport #split-screen #B .blocked-media-placeholder .hidden { display: none; } #objectContent.livereport #split-screen #B .blocked-media-placeholder .placeholder { margin-left: auto; margin-right: auto; } #objectContent.livereport #split-screen #B .blocked-media-placeholder .placeholder img { display: block; margin-bottom: 20px; margin-left: auto; margin-right: auto; max-width: 290px; } #objectContent.livereport #split-screen #B .blocked-media-placeholder .provider-label em { font-style: normal; font-weight: bold; } #objectContent.livereport #split-screen #B .blocked-media-placeholder .connective { display: var(--placeholder-connective-display, inline); } #objectContent.livereport #split-screen #B .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; } #objectContent.livereport #split-screen #B .blocked-media-placeholder .buttons button:hover, #objectContent.livereport #split-screen #B .blocked-media-placeholder .buttons button:focus, #objectContent.livereport #split-screen #B .blocked-media-placeholder .buttons button:active { background-color: var(--placeholder-button-hoverbg, rgba(0, 0, 0, 0.16)); } #objectContent.livereport #split-screen #B .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; } #objectContent.livereport #split-screen #B .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; } #objectContent.livereport #split-screen #B .blocked-media-placeholder .info-toggle span { display: none; } #objectContent.livereport #split-screen #B .blocked-media-placeholder .info { font-size: 0.8125rem; line-height: 1.0625rem; margin: 0 auto; max-width: 512px; } #objectContent.livereport #split-screen #B .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; } #objectContent.livereport #split-screen #B .blocked-media-placeholder .info a { color: var(--placeholder-txt, #212121); } #objectContent.livereport #split-screen #B .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; } #objectContent.livereport #split-screen #B .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; } #objectContent.livereport #split-screen #B .blocked-media-placeholder[data-type='privacy'] span { line-height: 0.66406rem; } #objectContent.livereport #split-screen #B .video .blocked-media-placeholder { height: 100%; min-height: 230px; } #objectContent.livereport #split-screen #B .externalData .blocked-media-placeholder { height: 100%; } #objectContent.livereport #split-screen #B .externalData .blocked-media-placeholder .info-toggle { right: 36px; } #objectContent.livereport #split-screen #B .externalData .blocked-media-placeholder .info-toggle::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjgsMCwwLDAuOCwtMS42LC0xLjYpIj48cGF0aCBkPSJNMTEsOUwxMyw5TDEzLDdMMTEsN00xMiwyMEM3LjU5LDIwIDQsMTYuNDEgNCwxMkM0LDcuNTkgNy41OSw0IDEyLDRDMTYuNDEsNCAyMCw3LjU5IDIwLDEyQzIwLDE2LjQxIDE2LjQxLDIwIDEyLDIwTTEyLDJDNi41MTQsMiAyLDYuNTE0IDIsMTJDMiwxNy40ODYgNi41MTQsMjIgMTIsMjJDMTcuNDg2LDIyIDIyLDE3LjQ4NiAyMiwxMkMyMiw2LjUxNCAxNy40ODYsMiAxMiwyTTExLDE3TDEzLDE3TDEzLDExTDExLDExTDExLDE3WiIgZmlsbD0iI2ZmZmZmZiIvPjwvZz48L3N2Zz4="); height: 16px; width: 16px; } #objectContent.livereport #split-screen #C { left: 100%; top: 36px; } #objectContent.livereport #split-screen #C .upost .upost-tools .upost-actions { float: right; } #objectContent.livereport #split-screen #C .upost .upost-tools .upost-actions button { float: left; } #objectContent.livereport #split-screen .entries { border: 0; } #objectContent.livereport #split-screen .entries > *:last-child { margin-bottom: 0 !important; } #objectContent.livereport #split-screen .comment-container { border: 0 !important; } #objectContent.livereport #split-screen .comment-container .comment { border-left-width: 0 !important; padding: 18px; padding: var(--grid-column); } #objectContent.livereport #split-screen .comment-container .comment.highlight { border-left-width: 6px !important; padding-right: 12px; padding-right: calc(var(--grid-column) - 6px); } #objectContent.livereport #split-screen .comment-container .comment .header { margin-bottom: 8px; padding-bottom: 0; padding-top: 0 !important; } #objectContent.livereport #split-screen .comment-container .comment .header .inner { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 0; } #objectContent.livereport #split-screen .comment-container .comment .header .l, #objectContent.livereport #split-screen .comment-container .comment .header .r { float: none; } #objectContent.livereport #split-screen .comment-container .comment .header .clear { display: none; } #objectContent.livereport #split-screen .comment-container .comment .editor, #objectContent.livereport #split-screen .comment-container .comment .date { color: var(--theme-primarytint); display: inline; float: none; font: var(--lb-meta); font-feature-settings: 'tnum'; opacity: 0.8; text-decoration: none; } #objectContent.livereport #split-screen .comment-container .comment .date { margin-left: 0.3125rem; } #objectContent.livereport #split-screen .comment-container .comment .ratings { min-width: 1px; } #objectContent.livereport #split-screen .comment-container .comment .ratings-counts { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #objectContent.livereport #split-screen .comment-container .comment .inner { width: auto; } #objectContent.livereport #split-screen .comment-container .comment .body { clear: both; font: var(--lb-redcontent-text); } #objectContent.livereport #split-screen .comment-container .comment .body h3 { font: var(--lb-redcontent-title); margin-bottom: 0.5em; } #objectContent.livereport #split-screen .comment-container .comment .body h3.Small { font-size: 1.125rem; } #objectContent.livereport #split-screen .comment-container .comment .body h3.Large { font-size: 1.5rem; } #objectContent.livereport #split-screen .comment-container .comment .body h3.XL { font-size: 1.875rem; font-weight: 800; } #objectContent.livereport #split-screen .comment-container .comment .body h3.XXL { font-size: 2.5rem; font-weight: 800; } #objectContent.livereport #split-screen .comment-container .comment .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; display: inline; text-overflow: initial; white-space: initial; } #objectContent.livereport #split-screen .comment-container .comment .body a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } @media print { #objectContent.livereport #split-screen .comment-container .comment .body a:link::after, #objectContent.livereport #split-screen .comment-container .comment .body a:visited::after { content: " [" attr(href) "] "; font-size: 0.8em; } #objectContent.livereport #split-screen .comment-container .comment .body a[href^='/']::after { content: " [http://www.derstandard.at" attr(href) "] "; } } #objectContent.livereport #split-screen .comment-container .comment .body .postingquote a { border: 0; box-shadow: none; text-decoration: underline; } #objectContent.livereport #split-screen .comment-container .comment .body .postingquote a:hover { background: none; border: 0; box-shadow: none; color: inherit; } #objectContent.livereport #split-screen .comment-container .comment .std-button.icon { background: none; background-color: transparent !important; cursor: pointer; height: 30px; margin-top: -5px; opacity: 0.6; text-indent: -10000px; width: 30px; } #objectContent.livereport #split-screen .comment-container .comment .std-button.icon.n { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTcgMTRIMjJWMTdIN3oiLz48L3N2Zz4="); height: 30px; width: 30px; border-width: 0; float: none; } #objectContent.livereport #split-screen .comment-container .comment .std-button.icon.p { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTEzIDIyTDEzIDE3IDggMTcgOCAxNCAxMyAxNCAxMyA5IDE2IDkgMTYgMTQgMjEgMTQgMjEgMTcgMTYgMTcgMTYgMjJ6Ii8+PC9zdmc+"); height: 30px; width: 30px; border-width: 0; float: none; } #objectContent.livereport #split-screen .comment-container .comment .std-button.icon.n:hover, #objectContent.livereport #split-screen .comment-container .comment .std-button.icon.p:hover, #objectContent.livereport #split-screen .comment-container .comment .std-button.icon.n:active, #objectContent.livereport #split-screen .comment-container .comment .std-button.icon.p:active { opacity: 1; } #objectContent.livereport #split-screen .comment-container .comment .toolbar { font: var(--lb-redcontent-toolbar); margin-top: 8px; padding-bottom: 0; padding-top: 0; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .inner { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 40px; padding-bottom: 0; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 5px; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container button { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: transparent; border-width: 0; color: var(--theme-primarytint); cursor: pointer; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font: inherit; font-weight: 550; gap: 5px; margin-left: calc(var(--grid-column) / 4 * -1); } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container button svg { height: 24px; width: 24px; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container ul { -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; line-height: 0; margin: 0; padding: 0; position: relative; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container li { border-radius: 3px; display: inline-block; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container li + li { margin-left: 2px; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container a { border-radius: 3px; box-sizing: border-box; display: block; height: 40px; overflow: hidden; width: 40px; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container a span { display: none; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container a svg { display: block; height: 40px; width: 40px; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container .sharetwitter { background-color: #1da1f2; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container .sharex { background-color: #000; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container .sharebluesky { background-color: #329aff; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container .sharefacebook { background-color: #3b5998; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container .sharewhatsapp { background-color: #25b266; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container .sharepermalink { background-color: rgba(0, 0, 0, 0.07); color: transparent; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container .sharepermalink .plink-ui { bottom: calc(100% + 3px); position: absolute; right: 0; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container .sharepermalink .plink-ui > div { background-color: rgba(255, 255, 255, 0.9); border: 5px solid var(--theme-ui-background); 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); color: rgba(0, 0, 0, 0.5); line-height: 130%; margin-bottom: 0; padding: 12px; text-align: left; width: 100%; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container .sharepermalink .plink-ui > div::after { border-color: #202226 transparent transparent; border-style: solid; border-width: 7px 7px 0; bottom: -6px; content: ''; height: 0; margin: 0 auto; position: absolute; right: 14px; width: 0; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .sharing-container .sharepermalink .plink-ui input { background-color: transparent; border-width: 0; color: #000; display: block; font-size: 0.9375rem; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; width: 100%; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .unread-container { float: initial; font-size: 0.9375rem; margin-left: auto; margin-right: 1ex; position: relative; width: auto; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .postings { color: inherit; float: initial; font-weight: 550; padding-left: 30px; position: relative; text-decoration: none; width: auto; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .postings::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAuNSAwLjUgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMC41IDAuNSAzMCAzMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTYuNSwxMC41bDQsNHY3aDEzdi0xMUg2LjV6IE0yMS41LDE5LjVoLTl2LTVjMC0wLjUzLTAuMjExLTEuMDM5LTAuNTg2LTEuNDE0TDExLjMyOCwxMi41SDIxLjVWMTkuNXoiLz48L3N2Zz4="); height: 30px; width: 30px; position: absolute; content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; } #objectContent.livereport #split-screen .comment-container .comment .toolbar .unread-container + .postings::before { top: calc(50% - 1px); } #objectContent.livereport #split-screen .comment-container .comment .video [data-ratio='16:9'] { height: calc((50vw - 28px) * 9/16); } @media (min-width: 1690px) { #objectContent.livereport #split-screen .comment-container .comment .video [data-ratio='16:9'] { height: calc(478px * 9/16); } } #objectContent.livereport #split-screen .comment-container.selected .comment { background-color: rgba(255, 255, 255, 0.7) !important; } #objectContent.livereport #split-screen .comment-container.is-dialog .comment { background-image: none !important; } #objectContent.livereport #split-screen .comment-container.is-dialog .header { display: -webkit-flex; display: -ms-flexbox; display: flex; } #objectContent.livereport #split-screen .comment-container.is-dialog .header .inner { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } #objectContent.livereport #split-screen .comment-container.is-dialog .header::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZmlsbD0icmdiYSgwLDAsMCwuNykiIGQ9Ik0xNi44LDIwLjRIMTNjMC0wLjUsMC0wLjksMC0xYzAtMS4yLDAuMi0yLjIsMC42LTNjMC40LTAuOCwxLjItMS43LDIuNC0yLjdjMS4yLTEsMS45LTEuNiwyLjItMS45YzAuNC0wLjUsMC41LTEsMC41LTEuNiBjMC0wLjgtMC4zLTEuNS0xLTIuMWMtMC42LTAuNi0xLjUtMC45LTIuNi0wLjljLTEuMSwwLTEuOSwwLjMtMi43LDAuOWMtMC43LDAuNi0xLjIsMS41LTEuNSwyLjhsLTMuOC0wLjUgYzAuMS0xLjgsMC45LTMuMywyLjMtNC41QzEwLjksNC42LDEyLjcsNCwxNSw0YzIuNCwwLDQuMywwLjYsNS43LDEuOWMxLjQsMS4zLDIuMSwyLjcsMi4xLDQuNGMwLDAuOS0wLjMsMS44LTAuOCwyLjYgYy0wLjUsMC44LTEuNiwxLjktMy4zLDMuNGMtMC45LDAuNy0xLjQsMS4zLTEuNiwxLjhDMTYuOCwxOC40LDE2LjcsMTkuMiwxNi44LDIwLjR6IE0xMywyNnYtNC4yaDQuMlYyNkgxM3oiLz48L3N2Zz4="); height: 30px; width: 30px; content: ''; display: block; } #objectContent.livereport #split-screen .comment-container.is-dialog.guestcontent .header::before { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiPjxwYXRoIGZpbGw9InJnYmEoMCwwLDAsLjcpIiBkPSJNMjIuNSwxMy44djFjMCwzLjktMyw3LjEtNi44LDcuNXYxLjloMy44YzAuNCwwLDAuOCwwLjMsMC44LDAuOGMwLDAuNC0wLjMsMC44LTAuOCwwLjhoLTljLTAuNCwwLTAuOC0wLjMtMC44LTAuOCBjMC0wLjQsMC4zLTAuOCwwLjgtMC44aDMuOHYtMS45Yy0zLjgtMC40LTYuOC0zLjYtNi44LTcuNXYtMWMwLTAuNCwwLjMtMC44LDAuOC0wLjhTOSwxMy40LDksMTMuOHYxYzAsMy4zLDIuNyw2LDYsNnM2LTIuNyw2LTZ2LTEgYzAtMC40LDAuMy0wLjgsMC44LTAuOFMyMi41LDEzLjQsMjIuNSwxMy44eiBNMTcuMiwxNS41Yy0wLjQsMC0wLjgtMC4zLTAuOC0wLjhzMC4zLTAuOCwwLjgtMC44aDJ2LTEuNWgtMmMtMC40LDAtMC44LTAuMy0wLjgtMC44IHMwLjMtMC44LDAuOC0wLjhoMlY5LjVoLTJjLTAuNCwwLTAuOC0wLjMtMC44LTAuOFMxNi43LDgsMTcuMiw4aDJjMC0yLjItMS44LTQtNC00aC0wLjRjLTIuMiwwLTQsMS44LTQsNGgyYzAuNCwwLDAuOCwwLjMsMC44LDAuOCBzLTAuMywwLjgtMC44LDAuOGgtMlYxMWgyYzAuNCwwLDAuOCwwLjMsMC44LDAuOHMtMC4zLDAuOC0wLjgsMC44aC0yVjE0aDJjMC40LDAsMC44LDAuMywwLjgsMC44cy0wLjMsMC44LTAuOCwwLjhoLTIgYzAuMywyLDEuOSwzLjUsMy45LDMuNWgwLjRjMiwwLDMuNy0xLjUsMy45LTMuNUgxNy4yeiIvPjwvc3ZnPg=="); height: 30px; width: 30px; } #objectContent.livereport #split-screen .redcontent-gap { background: none; opacity: 0.2; overflow: hidden; position: relative; } #objectContent.livereport #split-screen .redcontent-gap:hover { opacity: 0.5; } #objectContent.livereport #split-screen .redcontent-gap::after { background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDYgMTIiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMyAyTDkuMjQ4IDEwLjA1OSAxNS40OTggMiAyMS43NDYgMTAuMDU5IDI3Ljk5MyAyIDM0LjIzOSAxMC4wNTkgNDAuNDg0IDIgNDYuNzMgMTAuMDU5IDUyLjk3NyAyIDU5LjIyNCAxMC4wNTkgNjUuNDc0IDIgNzEuNzIzIDEwLjA1OSA3Ny45NyAyIDg0LjIxNyAxMC4wNTkgOTAuNDYzIDIgOTYuNzEgMTAuMDU5IDEwMi45NTggMiAxMDkuMjA4IDEwLjA1OSAxMTUuNDU4IDIgMTIxLjcwNSAxMC4wNTkgMTI3Ljk1MiAyIDEzNC4yIDEwLjA1OSAxNDAuNDQ4IDIgMTQ2LjY5OCAxMC4wNTkgMTUyLjk0NyAyIDE1OS4xOTUgMTAuMDU5IDE2NS40NDMgMiAxNzEuNjkxIDEwLjA1OSAxNzcuOTQxIDIgMTg0LjE5MSAxMC4wNTkgMTkwLjQ0IDIgMTk2LjY4OCAxMC4wNTkgMjAyLjkzNyAyIDIwOS4xODggMTAuMDU5IDIxNS40MzggMiAyMjEuNjg2IDEwLjA1OSAyMjcuOTM2IDIgMjM0LjE4NyAxMC4wNTkgMjQwLjQzNyAyIDI0Ni42ODYgMTAuMDU5IDI1Mi45MzYgMiAyNTkuMTg2IDEwLjA1OSAyNjUuNDM2IDIgMjcxLjY4NiAxMC4wNTkgMjc3LjkzNyAyIDI4NC4xODcgMTAuMDU5IDI5MC40MzcgMiAyOTYuNjg4IDEwLjA1OSAzMDIuOTMzIDIgMzA5LjE3OCAxMC4wNTkgMzE1LjQyNSAyIDMyMS42NzcgMTAuMDU5IDMyNy45MjUgMiAzMzQuMTcxIDEwLjA1OSAzNDAuNDIgMiAzNDYuNjcxIDEwLjA1OSAzNTIuOTE5IDIgMzU5LjE2OSAxMC4wNTkgMzY1LjQyIDIgMzcxLjY2OSAxMC4wNTkgMzc3LjkyMSAyIDM4NC4xNzIgMTAuMDU5IDM5MC40MjMgMiAzOTYuNjc1IDEwLjA1OSA0MDIuOTI4IDIgNDA5LjE3OSAxMC4wNTkgNDE1LjQzMiAyIDQyMS42ODYgMTAuMDU5IDQyNy45MzkgMiA0MzQuMTkyIDEwLjA1OSA0NDAuNDQ2IDIgNDQ2LjY5NSAxMC4wNTkgNDUyLjk0NiAyIDQ1OS4yMDEgMTAuMDU5IDQ2NS40NTUgMiA0NzEuNzA5IDEwLjA1OSA0NzcuOTY1IDIgNDg0LjIxNyAxMC4wNTkgNDkwLjQ3NiAyIDQ5Ni43MzggMTAuMDU5IDUwMyAyIi8+PC9zdmc+"); height: 12px; width: 506px; position: absolute; content: ''; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #objectContent.livereport #split-screen .template-data { margin: 0; } #objectContent.livereport #split-screen .template-data .postingquote { border-color: rgba(0, 0, 0, 0.2); } #objectContent.livereport #split-screen .template-data .postingquote .quote-headings { padding-bottom: 6px !important; } #objectContent.livereport #split-screen .template-data .postingquote .quote-headings .quote-communityname { margin-right: 0; } #objectContent.livereport #split-screen .template-data .postingquote .quote-headings .date { clear: none; float: left; font-size: 0.8125rem; line-height: 1.2em; margin: 0 0 0 5px; } #objectContent.livereport #split-screen .template-data .postingquote .quote-headings .user-badge { float: left; font-size: 0.8125rem; font-weight: normal; line-height: 1.2em; margin: 0 0 0 5px; opacity: 0.6; } #objectContent.livereport #split-screen .template-data .postingquote .quote-content span:not(.quote-headline) { line-height: 1.3125rem; } #objectContent.livereport #split-screen .template-data .credits { font: var(--lb-small); opacity: 0.4; } #objectContent.livereport #split-screen .template-data .asset .border1 { background-color: rgba(0, 0, 0, 0.1); } #objectContent.livereport #split-screen .template-data .asset .border2 { background: none; line-height: 0; width: auto !important; } #objectContent.livereport #split-screen .template-data .asset .border1, #objectContent.livereport #split-screen .template-data .asset .border2 { border: 0 !important; } #objectContent.livereport #split-screen .template-data .image.zoomable { cursor: auto; } #objectContent.livereport #split-screen .template-data .image.zoomable:hover .image-zoom { background: none; } #objectContent.livereport #split-screen .template-data .image .image-zoom { -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 { #objectContent.livereport #split-screen .template-data .image .image-zoom { display: none; } } #objectContent.livereport #split-screen .template-data .image .image-zoom::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; } #objectContent.livereport #split-screen .template-data .image .image-zoom: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; } #objectContent.livereport #split-screen .template-data .image .image-zoom:hover { background: none; } #objectContent.livereport #split-screen #redContentPreview .comment-container { box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 0 4px 22px 3px rgba(0, 0, 0, 0.12), 0 6px 7px -4px rgba(0, 0, 0, 0.4); z-index: 12; background-color: white; left: 50%; top: 36px; width: 50%; } #objectContent.livereport #split-screen #redContentPreview .comment-container .comment { padding-bottom: 18px; padding-bottom: var(--grid-column); } #objectContent.livereport #split-screen #redContentPreviewBar { background-image: none !important; border: 0; font-size: 0.8125rem; line-height: 36px; } #objectContent.livereport #split-screen #redContentPreviewBar::before { border-style: solid; border-width: 0; content: ''; display: inline-block; height: 5px; margin-right: 6px; margin-top: -2px; vertical-align: middle; width: 10px; } #objectContent.livereport #split-screen #redContentPreviewBar.AboveViewCtx { height: 36px; line-height: 36px; } #objectContent.livereport #split-screen #redContentPreviewBar.AboveViewCtx::before { border-color: transparent transparent rgba(0, 0, 0, 0.8); border-width: 0 5px 5px; height: 0; width: 0; } #objectContent.livereport #split-screen #redContentPreviewBar.BelowViewCtx { height: 36px; line-height: 36px; } #objectContent.livereport #split-screen #redContentPreviewBar.BelowViewCtx::before { border-color: rgba(0, 0, 0, 0.8) transparent transparent; border-width: 5px 5px 0; height: 0; width: 0; } #objectContent.livereport #split-screen #highlighted { border: 0; margin: 0; } #objectContent.livereport #split-screen #highlighted #report-mediapreviews-entries { background: none; padding: 0; } #objectContent.livereport #split-screen #highlighted #report-mediapreviews-entries .video { background: none rgba(255, 255, 255, 0.5); font-size: 0.625rem; position: relative; } #objectContent.livereport #split-screen #highlighted #report-mediapreviews-entries .video::before { 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.8; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5); transform: translateX(-50%) translateY(-50%) scale(0.5); } #objectContent.livereport #split-screen #highlighted #report-mediapreviews-entries .video div { margin-top: 45px; } #objectContent.livereport #split-screen #highlighted #report-highlights .entry { background: none rgba(255, 255, 255, 0.4) !important; font-size: inherit; line-height: inherit; } #objectContent.livereport #split-screen #highlighted #report-highlights .entry .highlights-body h4 { font: var(--lb-highlight-title); font-weight: bold; } #objectContent.livereport #split-screen #highlighted #report-highlights .entry .highlights-body p { font: var(--lb-highlight-text); overflow: visible; } #objectContent.livereport #split-screen #highlighted #report-highlights .entry .postings { font: var(--lb-highlight-text); } #objectContent.livereport #split-screen #highlighted #report-highlights .entry .teaser { padding-bottom: 8px; padding-top: 8px; } #objectContent.livereport #split-screen #highlighted #report-highlights .entry .anchor { background: none rgba(255, 255, 255, 0.3); } #objectContent.livereport #split-screen #highlighted #report-highlights .entry .anchor::after { border-color: transparent transparent transparent rgba(0, 0, 0, 0.7); border-style: solid; border-width: 3.5px 0 3.5px 4px; content: ''; display: block; height: 0; left: 50%; margin-top: -3px; position: absolute; top: 50%; width: 0; } #objectContent.livereport #split-screen #forumbarTop div { border: 0; text-align: center; } #objectContent.livereport #split-screen .livereport-forum-postinglist { padding-bottom: 0; } #objectContent.livereport #split-screen .livereport-forum-postinglist > *:last-child { margin-bottom: 0 !important; } #objectContent.livereport #split-screen #report-highlights.admin .report-highlight-remove { font-size: 0.8125rem; line-height: 0.6875rem; } #objectContent.livereport #split-screen .admin .legend { font-size: 0.75rem; } #objectContent.livereport #split-screen .editConfig { font-size: 0.75rem; } #objectContent.livereport #panel-list { border-color: rgba(0, 0, 0, 0.2); } #objectContent.livereport #panel-list .scoreboard { border: 0; position: relative; } #objectContent.livereport #panel-list .scoreboard .scorepanel { background: none; border: 0; } #objectContent.livereport #panel-list .scoreboard .scorepanel .team { box-sizing: border-box; margin: 0; max-height: none; max-width: none; padding: 9px 18px; padding: 9px var(--grid-column); width: 40%; } #objectContent.livereport #panel-list .scoreboard .score-infobox-wrap { border: 0; } #objectContent.livereport #panel-list .scoreboard .score-infobox-wrap .score-infobox { background: none rgba(255, 255, 255, 0.5); } #objectContent.livereport #panel-list .scoreboard .toggle-infobox { background: none; } #objectContent.livereport #panel-list .scoreboard.hasInfoBox .toggle-infobox { border-width: 0; height: 100%; position: absolute; text-align: center; top: 0; width: 100%; z-index: 1; } #objectContent.livereport #panel-list .scoreboard.hasInfoBox .toggle-infobox::after { border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent; border-style: solid; border-width: 4px 3.5px 0; bottom: 3px; content: ''; display: block; height: 0; left: 50%; margin: 0 auto; margin-left: -3px; position: absolute; width: 0; } #objectContent.livereport #panel-list .scoreboard.hasInfoBox.expand { border-bottom: 12px solid rgba(0, 0, 0, 0.1); } #objectContent.livereport #panel-list .scoreboard.hasInfoBox.expand .toggle-infobox::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent; border-width: 0 3.5px 4px; bottom: -8px; } #objectContent.livereport #panel-list .scoreboard .details.home { border-color: rgba(0, 0, 0, 0.1); } #objectContent.livereport #panel-list .scoreboard .details span { padding: 8px 18px; padding: 8px var(--grid-column); } #objectContent.livereport #panel-list .scoreboard .scores { height: auto; } #objectContent.livereport #panel-list .ski-panel { position: relative; } #objectContent.livereport #panel-list .ski-panel .panel-title { margin: 0; padding: 8px 0; } #objectContent.livereport #panel-list .ski-panel .run { margin-bottom: 0; } #objectContent.livereport #panel-list .ski-panel .run .run-title > div { font-size: 0.8125rem; padding: 0 12px; text-align: left; text-transform: uppercase; width: auto; } #objectContent.livereport #panel-list .ski-panel .table-container { font-size: 0.8125rem; padding: 8px; } #objectContent.livereport #panel-list .ski-panel .table-container table { width: 100%; } #objectContent.livereport #panel-list .ski-panel .table-container table .country { width: 50px; } #objectContent.livereport #panel-list .ski-panel .expandable { border-bottom: 12px solid rgba(0, 0, 0, 0.1); } #objectContent.livereport #panel-list .ski-panel .expandable .toggle-ski-panel { background: none; height: 100%; position: absolute; text-align: center; top: 0; width: 100%; z-index: 1; } #objectContent.livereport #panel-list .ski-panel .expandable .toggle-ski-panel::after { border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent; border-style: solid; border-width: 4px 3.5px 0; bottom: 3px; content: ''; display: block; height: 0; left: 50%; margin: 0 auto; margin-left: -3px; position: absolute; width: 0; } #objectContent.livereport #panel-list .ski-panel .expandable.expanded .toggle-ski-panel::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent; border-width: 0 3.5px 4px; } #objectContent.livereport #panel-list .externalData { border-color: transparent; } #objectContent.livereport #panel-list .externalData .blocked-media-placeholder { --placeholder-bg: #000; --placeholder-txt: #fff; --placeholder-button-bg: rgba(255, 255, 255, 0.25); --placeholder-button-hoverbg: rgba(255, 255, 255, 0.5); min-height: 250px; } #objectContent.livereport #panel-list .externalData [data-panel-detachable='true'] { height: calc(616px / (16 / 9)) !important; } #objectContent.livereport #panel-list .externalData[data-panel-detached='true'] [data-panel-detachable='true'] { bottom: 20px; height: 135px !important; right: calc(100vw - (100vw - 30px)); z-index: 10; } @media (min-width: 1690px) { #objectContent.livereport #panel-list .externalData[data-panel-detached='true'] [data-panel-detachable='true'] { left: calc((100vw - 1875px) / 2 + 979px); right: unset; } } #objectContent.livereport #panel-list .externalData[data-panel-detached='true'] .blocked-media-placeholder { --placeholder-connective-display: none; --placeholder-button-margin: 0.625rem 0.3125rem; height: 142px; } #objectContent.livereport #panel-list .externalData[data-panel-detached='true'] .blocked-media-placeholder .placeholder, #objectContent.livereport #panel-list .externalData[data-panel-detached='true'] .blocked-media-placeholder .info { margin-top: 24px !important; } #objectContent.livereport #postingbox-container { padding-top: 10px; } #objectContent.livereport .site-footer { box-sizing: border-box; padding: 18px; padding: var(--grid-column); width: 100%; } @media (min-width: 1690px) { ad-container[data-ad-active-format^='sitebar'], ad-container[data-ad-active-format^='de_sitebar'] { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; bottom: 0; height: auto; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 1245px; margin: 0 !important; overflow: visible; position: absolute; top: 0; width: auto; } ad-container[data-ad-active-format^='sitebar'] > *, ad-container[data-ad-active-format^='de_sitebar'] > * { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: block; height: 100%; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 0 18px; margin: 0 0 0 var(--grid-column); overflow: visible; } ad-container[data-ad-active-format^='sitebar'] > * > *, ad-container[data-ad-active-format^='de_sitebar'] > * > * { height: 100%; margin: 0; max-height: 100%; max-width: 100%; min-height: 600px; min-width: 300px; width: 100%; } ad-container[data-ad-active-format^='sitebar'] > * > *[height='100%'], ad-container[data-ad-active-format^='de_sitebar'] > * > *[height='100%'] { height: 100vh; margin-top: -110px; max-height: 100vh; } ad-container[data-ad-active-format^='sitebar'].ad-responsive, ad-container[data-ad-active-format^='de_sitebar'].ad-responsive { width: calc(100% - 1245px); } 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, ad-container[data-ad-active-format^='de_sitebar'].ad-responsive ad-slot div, ad-container[data-ad-active-format^='de_sitebar'].ad-responsive ad-slot div iframe { height: 100% !important; width: 100% !important; } } ad-container[data-ad-active-format*='livebericht_cad'] { -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; display: block; width: 100%; } ad-container[data-ad-active-format*='livebericht_cad'] > * { -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[data-ad-active-format*='livebericht_cad'] > * > * > * { border: 0; margin: 0 auto; overflow: hidden; } ad-container[data-ad-active-format*='livebericht_cad'][data-ad-active='false'] { display: none !important; } ad-container[data-ad-active-format*='livebericht_cad'][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*='livebericht_cad'][data-ad-active-format^='mobil_'] { margin: var(--grid-gap) 0; } ad-container[data-ad-active-format*='livebericht_cad'].ad-empty, ad-container[data-ad-active-format*='livebericht_cad'].ad-hidden { display: none !important; } ad-container[data-ad-active-format*='livebericht_cad'].ad-container-used { height: auto; } ad-container[data-ad-active-format*='livebericht_cad'].ad-container-used > * { position: relative; } ad-container[data-ad-active-format*='livebericht_cad'][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-active-format*='livebericht_cad'][data-ad-provider*='googlead'] > *:not(.ad-understitial-close)::after { content: "11"; } ad-container[data-ad-active-format*='livebericht_cad'][data-ad-provider*='googlereach'] > *:not(.ad-understitial-close)::after { content: "16"; } ad-container[data-ad-active-format*='livebericht_cad'][data-ad-provider*='guj'] > *:not(.ad-understitial-close)::after { content: "23"; } ad-container[data-ad-active-format*='livebericht_cad'][data-ad-provider*='improvedigital'] > *:not(.ad-understitial-close)::after { content: "31"; } ad-container[data-ad-active-format*='livebericht_cad'][data-ad-provider*='rubicon'] > *:not(.ad-understitial-close)::after { content: "39"; } ad-container[data-ad-active-format*='livebericht_cad'][data-ad-provider*='yieldlab'] > *:not(.ad-understitial-close)::after { content: "46"; } ad-container[data-ad-active-format*='livebericht_cad'][data-ad-provider*='yieldlove'] > *:not(.ad-understitial-close)::after { content: "53"; } ad-container[data-ad-active-format*='livebericht_cad'][data-ad-provider*='groupm'] > *:not(.ad-understitial-close)::after { content: "64"; } ad-container[data-ad-active-format*='livebericht_cad'][data-ad-provider*='criteo'] > *:not(.ad-understitial-close)::after { content: "79"; } ad-container[data-ad-active-format*='livebericht_cad'][data-ad-provider*='teads'] > *:not(.ad-understitial-close)::after { content: "86"; } ad-container[data-ad-active-format*='livebericht_cad'][data-ad-provider*='openx'] > *:not(.ad-understitial-close)::after { content: "91"; } ad-container[data-ad-active-format*='livebericht_cad'][data-ad-provider*='pubmatic'] > *:not(.ad-understitial-close)::after { content: "98"; } ad-container[data-ad-active-format*='livebericht_cad'] > * { min-height: 250px; min-width: 160px; } 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*='livebericht_cad'] > *::before { max-width: 300px; } 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*='livebericht_cad'] > ad-slot { max-width: 300px; } ad-container[data-ad-active-format*='livebericht_cad'] > * > * { margin: 0 auto; } ad-container[data-ad-active-format*='sitebar'].temp-visible > *::before, ad-container[data-ad-active-format*='sitebar'] > *::before { content: none; max-width: 100%; } /* stylelint-disable selector-no-id */ #split-screen .admin form .icon, #split-screen .admin .templates .icon { background-image: url("/img/livecontent/admin_icons_sprite-06399d1da8.png"); } #split-screen .comment-container .admin { width: auto; } /* stylelint-enable */ .redcontentpageviewmodel { min-height: initial; overflow: initial; } .redcontentpageviewmodel main { 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) { .redcontentpageviewmodel main { 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) { .redcontentpageviewmodel main { margin-left: 90px; } } @media all and (-ms-high-contrast: none) and (min-width: 2100px), all and (-ms-high-contrast: active) and (min-width: 2100px) { .redcontentpageviewmodel main { margin-left: auto; margin-right: auto; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .redcontentpageviewmodel main > * { 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) { .redcontentpageviewmodel main > * { max-width: 1245px !important; width: calc(100% - 320px) !important; } } @supports not (display: grid) { .redcontentpageviewmodel main > * { max-width: 100%; } @media (min-width: 1280px) { .redcontentpageviewmodel main > * { max-width: calc(100% - 315px); } } @media (min-width: 1690px) { .redcontentpageviewmodel main > * { max-width: 1245px; } .redcontentpageviewmodel main > *.grid { max-width: 1260px; } } } @media (min-width: 960px) { .redcontentpageviewmodel main { --template-columns: [content] repeat(12, 1fr); } } @media (min-width: 1280px) { .redcontentpageviewmodel main { --template-columns: [content] repeat(12, minmax(auto, 96.422px)) [sitebar] minmax(300px, auto); } .redcontentpageviewmodel main .site-sitebar { --site--sitebar-margin: 0 0 0 var(--grid-gap); } .redcontentpageviewmodel main .site-sitebar:nth-child(2) { grid-row: 1 / span 1; } .redcontentpageviewmodel main .site-sitebar:nth-child(3) { grid-row: 1 / span 2; } .redcontentpageviewmodel main .site-sitebar:nth-child(4) { grid-row: 1 / span 3; } .redcontentpageviewmodel main .site-sitebar:nth-child(5) { grid-row: 1 / span 4; } .redcontentpageviewmodel main .site-sitebar:nth-child(6) { grid-row: 1 / span 5; } .redcontentpageviewmodel main .site-sitebar:nth-child(7) { grid-row: 1 / span 6; } .redcontentpageviewmodel main .site-sitebar:nth-child(8) { grid-row: 1 / span 7; } .redcontentpageviewmodel main .site-sitebar:nth-child(9) { grid-row: 1 / span 8; } .redcontentpageviewmodel main .site-sitebar:nth-child(10) { grid-row: 1 / span 9; } .redcontentpageviewmodel main .site-sitebar:nth-child(11) { grid-row: 1 / span 10; } .redcontentpageviewmodel main .site-sitebar:nth-child(12) { grid-row: 1 / span 11; } .redcontentpageviewmodel main .site-sitebar:nth-child(13) { grid-row: 1 / span 12; } .redcontentpageviewmodel main .site-sitebar:nth-child(14) { grid-row: 1 / span 13; } .redcontentpageviewmodel main .site-sitebar:nth-child(15) { grid-row: 1 / span 14; } .redcontentpageviewmodel main .site-sitebar:nth-child(16) { grid-row: 1 / span 15; } .redcontentpageviewmodel main .site-sitebar:nth-child(17) { grid-row: 1 / span 16; } .redcontentpageviewmodel main .site-sitebar:nth-child(18) { grid-row: 1 / span 17; } .redcontentpageviewmodel main .site-sitebar:nth-child(19) { grid-row: 1 / span 18; } .redcontentpageviewmodel main .site-sitebar:nth-child(20) { grid-row: 1 / span 19; } .redcontentpageviewmodel main .site-sitebar:nth-child(21) { grid-row: 1 / span 20; } .redcontentpageviewmodel main .site-sitebar:nth-child(22) { grid-row: 1 / span 21; } .redcontentpageviewmodel main .site-sitebar:nth-child(23) { grid-row: 1 / span 22; } .redcontentpageviewmodel main .site-sitebar:nth-child(24) { grid-row: 1 / span 23; } .redcontentpageviewmodel main .site-sitebar:nth-child(25) { grid-row: 1 / span 24; } .redcontentpageviewmodel main .site-sitebar:nth-child(26) { grid-row: 1 / span 25; } .redcontentpageviewmodel main .site-sitebar:nth-child(27) { grid-row: 1 / span 26; } .redcontentpageviewmodel main .site-sitebar:nth-child(28) { grid-row: 1 / span 27; } .redcontentpageviewmodel main .site-sitebar:nth-child(29) { grid-row: 1 / span 28; } .redcontentpageviewmodel main .site-sitebar:nth-child(30) { grid-row: 1 / span 29; } .redcontentpageviewmodel main .site-sitebar:nth-child(31) { grid-row: 1 / span 30; } .redcontentpageviewmodel main .site-sitebar:nth-child(32) { grid-row: 1 / span 31; } .redcontentpageviewmodel main .site-sitebar:nth-child(33) { grid-row: 1 / span 32; } .redcontentpageviewmodel main .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) { .redcontentpageviewmodel main .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) { .redcontentpageviewmodel main .site-sitebar { max-width: 600px !important; width: calc(100vw - 1245px - 90px - 30px) !important; } } @media (min-width: 1280px) { @supports not (display: grid) { .redcontentpageviewmodel main .site-sitebar { height: 100%; margin: 0; max-width: none; position: absolute; right: 0; top: 0; width: 300px !important; } } } @media (min-width: 1690px) { .redcontentpageviewmodel main { --template-columns: [content] repeat(12, minmax(75px, 90px)) [sitebar] minmax(300px, 615px); } @supports not (display: grid) { .redcontentpageviewmodel main .site-sitebar { width: calc(100% - 1260px) !important; } } } @supports not (display: grid) { .redcontentpageviewmodel main > * { margin-bottom: var(--row-gap, var(--gap)) !important; } } @media print { .redcontentpageviewmodel main { display: block; position: relative; } } @media (min-width: 1280px) { .redcontentpageviewmodel main.mu-sitebar-edgebleed { --site--core-margin-right: 0; --site--core-maxwidth: none; } } @media (min-width: 2100px) { .redcontentpageviewmodel main.mu-sitebar-edgebleed { --site--core-margin-left: calc((100% - 1875px) / 2); } } @media (min-width: 1280px) { .redcontentpageviewmodel main.mu-sitebar-left { --template-columns: [sitebar] minmax(300px, auto) [content] repeat(12, minmax(69px, 90px)); } .redcontentpageviewmodel main.mu-sitebar-left .site-sitebar { --site--sitebar-margin: 0 var(--grid-gap) 0 0; } } @media (min-width: 1280px) { .redcontentpageviewmodel main.mu-sitebar-left.mu-sitebar-edgebleed { --site--core-margin-left: 0; --site--core-maxwidth: none; } } @media (min-width: 2100px) { .redcontentpageviewmodel main.mu-sitebar-left.mu-sitebar-edgebleed { --site--core-margin-right: calc((100% - 1875px) / 2); } } @media (min-width: 1690px) { .redcontentpageviewmodel main.mu-sitebar-double { --template-columns: [sitebar-left] minmax(300px, auto) [content] repeat(12, minmax(69px, 90px)) [sitebar] minmax(300px, auto); } } @media (min-width: 1690px) { .redcontentpageviewmodel main.mu-sitebar-double.mu-sitebar-edgebleed { --site--core-margin-left: 0; --site--core-margin-right: 0; --site--core-maxwidth: none; } } .redcontentpageviewmodel .site-footer > div { margin-left: 18px !important; margin-right: 18px !important; margin-bottom: 0; margin-left: var(--site--core-margin-left) !important; margin-right: var(--site--core-margin-right) !important; margin-top: 0; max-width: var(--site--core-maxwidth) !important; min-width: var(--site--core-minwidth) !important; } .redcontent-standalone { 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) { .redcontent-standalone { padding: 0 15px; } } @media (max-width: 767.9px) { .redcontent-standalone { padding: 0 var(--site--core-padding); } } @media (min-width: 960px) { .redcontent-standalone { grid-column: content / span 12; } } @media print { .redcontent-standalone { padding: 0; } } .redcontent-standalone article { --w1-kicker: 420 1rem/1.5625rem STMatilda Info Variable, system-ui, sans-serif; --w1-title: 700 2rem/2rem STMatilda Info Variable, system-ui, sans-serif; --w1-subtitle: 420 1.125rem/1.5625rem STMatilda Info Variable, system-ui, sans-serif; --w1-meta: 420 1rem/1.3125rem STMatilda Info Variable, system-ui, sans-serif; --w1-text: 420 1.0625rem/1.625rem STMatilda Info Variable, system-ui, sans-serif; --w1-caption: 420 0.9375rem/1.3125rem STMatilda Info Variable, system-ui, sans-serif; --w1-small: 420 0.75rem/0.875rem STMatilda Info Variable, system-ui, sans-serif; font: 420 1.125rem/1.75rem "STMatilda Info Variable", system-ui, sans-serif; font: var(--w1-text); } @media (min-width: 960px) { .redcontent-standalone article { --w1-kicker: 420 1.0625rem/1.625rem STMatilda Info Variable, system-ui, sans-serif; --w1-title: 700 2.375rem/2.375rem STMatilda Info Variable, system-ui, sans-serif; --w1-meta: 420 1.0625rem/1.625rem STMatilda Info Variable, system-ui, sans-serif; } } @media (min-width: 1690px) { .redcontent-standalone article { --w1-title: 700 2.5625rem/2.5625rem STMatilda Info Variable, system-ui, sans-serif; } } .redcontent-standalone article 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; } .redcontent-standalone article a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } @media print { .redcontent-standalone article a:link::after, .redcontent-standalone article a:visited::after { content: " [" attr(href) "] "; font-size: 0.8em; } .redcontent-standalone article a[href^='/']::after { content: " [http://www.derstandard.at" attr(href) "] "; } } .redcontent-standalone article > div { max-width: 615px; box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: var(--story-width); padding: 0; } @media print { .redcontent-standalone article > div { max-width: none; } } .redcontent-standalone article .redcontent-header { margin-left: 0; margin-right: 0; } .redcontent-standalone article .redcontent-header header { padding-left: 0; padding-right: 0; } .redcontent-standalone article .redcontent-header header > div { font: var(--w1-meta); } .redcontent-standalone article .redcontent-header header .redcontent-title { font: var(--w1-title); } .redcontent-standalone article .redcontent-header header .redcontent-kicker { font: var(--w1-kicker); } .redcontent-standalone article .postingquote { border-color: rgba(0, 0, 0, 0.2); } .redcontent-standalone article .postingquote .quote-headings { padding-bottom: 6px !important; } .redcontent-standalone article .postingquote .quote-headings .quote-communityname { margin-right: 0; } .redcontent-standalone article .postingquote .quote-headings .date { clear: none; float: left; font-size: 0.8125rem; line-height: 1.2em; margin: 0 0 0 5px; } .redcontent-standalone article .postingquote .quote-headings .user-badge { float: left; font-size: 0.8125rem; font-weight: normal; line-height: 1.2em; margin: 0 0 0 5px; opacity: 0.6; } .redcontent-standalone article .postingquote .quote-content span:not(.quote-headline) { line-height: 1.3125rem; } .redcontent-standalone article .postingquote .quote-headings .quote-communityname { font-size: 0.8125rem; } .redcontent-standalone article .postingquote .quote-content { font-size: 0.9375rem; line-height: 1.3125rem; } .redcontent-standalone article .postingquote .quote-content div, .redcontent-standalone article .postingquote .quote-content p { display: inline; } .redcontent-standalone article .postingquote .quote-content::before, .redcontent-standalone article .postingquote .quote-content::after { font-size: 2.5rem; } .redcontent-standalone article .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; } .redcontent-standalone article .blocked-media-placeholder .hidden { display: none; } .redcontent-standalone article .blocked-media-placeholder .placeholder { margin-left: auto; margin-right: auto; } .redcontent-standalone article .blocked-media-placeholder .placeholder img { display: block; margin-bottom: 20px; margin-left: auto; margin-right: auto; max-width: 290px; } .redcontent-standalone article .blocked-media-placeholder .provider-label em { font-style: normal; font-weight: bold; } .redcontent-standalone article .blocked-media-placeholder .connective { display: var(--placeholder-connective-display, inline); } .redcontent-standalone article .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; } .redcontent-standalone article .blocked-media-placeholder .buttons button:hover, .redcontent-standalone article .blocked-media-placeholder .buttons button:focus, .redcontent-standalone article .blocked-media-placeholder .buttons button:active { background-color: var(--placeholder-button-hoverbg, rgba(0, 0, 0, 0.16)); } .redcontent-standalone article .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; } .redcontent-standalone article .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; } .redcontent-standalone article .blocked-media-placeholder .info-toggle span { display: none; } .redcontent-standalone article .blocked-media-placeholder .info { font-size: 0.8125rem; line-height: 1.0625rem; margin: 0 auto; max-width: 512px; } .redcontent-standalone article .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; } .redcontent-standalone article .blocked-media-placeholder .info a { color: var(--placeholder-txt, #212121); } .redcontent-standalone article .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; } .redcontent-standalone article .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; } .redcontent-standalone article .blocked-media-placeholder[data-type='privacy'] span { line-height: 0.66406rem; }