:root { --jc-font-proxima-nova-soft: 'JC-ProximaNovaSoft'; --jc-font-family: var(--jc-font-proxima-nova-soft), Verdana, Arial, Helvetica, sans-serif; --jc-font-weight-regular: normal; --jc-font-weight-bold: bold; --jc-font-size-21: 21px; --jc-font-size-18: 18px; --jc-font-size-16: 16px; --jc-font-size-14: 14px; --jc-font-size-12: 12px; --jc-font-size-11: 11px; --jc-font-size-10: 10px; --jc-line-height-16: 16px; --jc-line-height-18: 18px; --jc-line-height-20: 20px; --jc-line-height-22: 22px; --jc-line-height-24: 24px; --jc-line-height-28: 28px; } :root { --jc-color-fresh-green: #0a0; --jc-color-dark-blue: #006cb5; --jc-color-deep-blue: #003e66; --jc-color-orange: #dc742e; --jc-color-green: #009157; --jc-color-magenta: #a11768; --jc-color-sky-blue: #19c8ff; --jc-color-yellow: #ffd633; --jc-color-gold-highlight: #fcf6ba; --jc-color-gold-warm-shadow: #8e774d; --jc-color-gold-shadow: #766741; --jc-color-red-passion: #c51a1b; --jc-color-red-shadow: #a11a17; --jc-color-red-mystery: #6f1c1e; --jc-color-dark-magenta: #490826; --jc-color-pure-black: #000000; --jc-color-pure-black-rgb: 0, 0, 0; --jc-color-black-shadow: #0e1214; --jc-color-black-shadow--rgb: 14, 18, 20; --jc-color-black-mystery: #1a1e20; --jc-color-black-mystery--rgb: 26, 30, 32; --jc-color-grey-highlight: #303436; --jc-color-silky-grey: #45484a; --jc-color-silky-grey--rgb: 69, 72, 74; --jc-color-silky-shadow: #515455; --jc-color-ghostgrey: #868889; --jc-color-ghostgrey--rgb: 134, 136, 137; --jc-color-silvergrey: #b1b3b3; --jc-color-silvergrey-rgb: 177, 179, 179; --jc-color-white-delight: #f1f1f1; --jc-color-white-delight-rgb: 241, 241, 241; --jc-color-pure-white: #ffffff; --jc-color-pure-white-rgb: 255, 255, 255; --jc-color-bronze: #d6a874; --jc-color-silver: #dddddd; --jc-color-gold-warm: #ffcd68; --jc-color-platinum: #a0c0b0; --jc-color-palladium: #a0a0c0; /* legacy support */ --jc-color-background-main: var(--jc-color-black-shadow); --jc-color-shadow: var(--jc-color-black-shadow); --jc-color-background-surface: var(--jc-color-black-mystery); --jc-color-background-highlight: var(--jc-color-grey-highlight); --jc-color-interaction: var(--jc-color-silky-grey); --jc-color-interaction-hover: var(--jc-color-silky-shadow); --jc-color-interaction-primary: var(--jc-color-red-passion); --jc-color-interaction-primary-hover: var(--jc-color-red-shadow); --jc-color-border-highlight: var(--jc-color-grey-highlight); --jc-color-font-primary: var(--jc-color-white-delight); --jc-color-font-secondary: var(--jc-color-silvergrey); --jc-color-font-headline: var(--jc-color-white-delight); --jc-color-font-highlight: var(--jc-color-pure-white); --jc-color-font-button: var(--jc-color-font-highlight); } :root { --jc-radius-4: 4px; --jc-radius-8: 8px; --jc-radius-12: 12px; --jc-radius-16: 16px; --jc-radius-24: 24px; --jc-radius-circle: 999px; } :root { --jc-size-16: 16px; --jc-size-24: 24px; --jc-size-32: 32px; --jc-size-36: 36px; --jc-size-40: 40px; --jc-size-44: 44px; --jc-size-52: 52px; --jc-size-75: var(--jc-size-76); --jc-size-76: 76px; } :root { --jc-space-2: 2px; --jc-space-4: 4px; --jc-space-8: 8px; --jc-space-12: 12px; --jc-space-16: 16px; --jc-space-24: 24px; --jc-space-32: 32px; --jc-space-44: 44px; --jc-space-64: 64px; } :root { --border-color--form-element: var(--jc-color-ghostgrey); --border-color--form-element--focus: var(--jc-color-white-delight); --border-color--form-element--error: var(--color--error); } :root { --background-color--context-menu: var(--jc-color-black-mystery); --border-color--context-menu: var(--jc-color-ghostgrey); } /* Naming Schema für Mapping-Variablen/Globale-Variablen: -------- */ /* Forms */ /* Font */ :root { --font-family: var(--jc-font-family); } /* Box Shadows */ :root { --box-shadow-color: rgb(var(--jc-color-black-shadow--rgb), 75%); --box-shadow--8: 0 4px 8px var(--box-shadow-color); --box-shadow--16: 0 4px 16px var(--box-shadow-color); --box-shadow--24: 0 8px 24px var(--box-shadow-color); --box-shadow--44: 0 16px 44px var(--box-shadow-color); } /* Text Styles */ /* prettier-ignore */ :root { --font--h1: bold var(--jc-font-size-21)/var(--jc-line-height-28) var(--font-family); --font--h2: bold var(--jc-font-size-18)/var(--jc-line-height-24) var(--font-family); --font--h3: bold var(--jc-font-size-16)/var(--jc-line-height-24) var(--font-family); --font--h4: bold var(--jc-font-size-14)/var(--jc-line-height-24) var(--font-family); --font--label: var(--jc-font-size-14)/var(--jc-line-height-20) var(--font-family); --font--button-text: bold var(--jc-font-size-14)/var(--jc-line-height-20) var(--font-family); --font--meta: var(--jc-font-size-10)/var(--jc-line-height-16) var(--font-family); --font--text: var(--jc-font-size-14)/var(--jc-line-height-24) var(--font-family); --font--text-secondary: var(--jc-font-size-14)/var(--jc-line-height-24) var(--font-family); --font--text-info: var(--jc-font-size-12)/var(--jc-line-height-20) var(--font-family); --font--text-footnote: var(--jc-font-size-12)/var(--jc-line-height-20) var(--font-family); } /* Backdrop Filter */ :root { --backdrop-filter--5: blur(5px); --backdrop-filter--10: blur(10px); --backdrop-filter--20: blur(20px); --backdrop--background-color--default: rgb( var(--jc-color-silky-grey--rgb), 75% ); --backdrop--backdrop-filter--default: var(--backdrop-filter--5); } /* Transitions */ :root { --transition--time--fast: 130ms; --transition--time--default: 300ms; --transition--time--slow: 500ms; --transition--base--linear: var(--transition--time--default) linear; --transition--base--cubic-in: var(--transition--time--default) cubic-bezier(0, 0, 0.2, 1); --transition--base--cubic-out: var(--transition--time--default) cubic-bezier(0.4, 0, 1, 1); --transition--base--linear--fast: var(--transition--time--fast) linear; --transition--base--cubic-in--fast: var(--transition--time--fast) cubic-bezier(0, 0, 0.2, 1); --transition--base--cubic-out--fast: var(--transition--time--fast) cubic-bezier(0.4, 0, 1, 1); --transition--base--linear--slow: var(--transition--time--slow) linear; --transition--base--cubic-in--slow: var(--transition--time--slow) cubic-bezier(0, 0, 0.2, 1); --transition--base--cubic-out--slow: var(--transition--time--slow) cubic-bezier(0.4, 0, 1, 1); --transition--z-index: z-index var(--transition--base--linear); --transition--z-index--fast: z-index var(--transition--base--linear--fast); --transition--z-index--slow: z-index var(--transition--base--linear--slow); --transition--background-color: background-color var(--transition--base--linear); --transition--background-color--in: background-color var(--transition--base--cubic-in); --transition--background-color--out: background-color var(--transition--base--cubic-out); --transition--background-color--fast: background-color var(--transition--base--linear--fast); --transition--background-color--slow: background-color var(--transition--base--linear--slow); --transition--opacity: opacity var(--transition--base--linear); --transition--opacity--in: opacity var(--transition--base--cubic-in); --transition--opacity--out: opacity var(--transition--base--cubic-out); --transition--opacity--fast: opacity var(--transition--base--linear--fast); --transition--opacity--slow: opacity var(--transition--base--linear--slow); --transition--color: color var(--transition--base--linear); --transition--color--in: color var(--transition--base--cubic-in); --transition--color--out: color var(--transition--base--cubic-out); --transition--color--fast: color var(--transition--base--linear--fast); --transition--color--slow: color var(--transition--base--linear--slow); --transition--fill: fill var(--transition--base--linear); --transition--fill--fast: fill var(--transition--base--linear--fast); --transition--fill--slow: fill var(--transition--base--linear--slow); --transition--visibility: visibility var(--transition--base--linear); --transition--visibility--fast: visibility var(--transition--base--linear--fast); --transition--visibility--slow: visibility var(--transition--base--linear--slow); --transition--transform--in: transform var(--transition--base--cubic-in); --transition--transform--out: transform var(--transition--base--cubic-out); --transition--transform--in--fast: transform var(--transition--base--cubic-in--fast); --transition--transform--out--fast: transform var(--transition--base--cubic-out--fast); --transition--transform--in--slow: transform var(--transition--base--cubic-in--slow); --transition--transform--out--slow: transform var(--transition--base--cubic-out--slow); } /* Color Mappings */ :root { --background-color--background: var(--jc-color-black-shadow); --background-color--surface: var(--jc-color-black-mystery); --background-color--highlight: var(--jc-color-grey-highlight); --color--primary-action: var(--jc-color-red-passion); --color--primary-action--stroke: var(--jc-color-red-shadow); --color--primary-action--hover: var(--jc-color-red-shadow); --color--primary-action--hover--stroke: var(--jc-color-red-shadow); --color--secondary-action: var(--jc-color-silky-shadow); --color--secondary-action--stroke: var(--jc-color-silky-grey); --color--secondary-action--hover: var(--jc-color-silky-grey); --color--secondary-action--hover--stroke: var(--jc-color-silky-grey); --color--accent: var(--jc-color-red-passion); --color--error: var(--jc-color-red-shadow); --color--success: var(--jc-color-fresh-green); --color--warning: var(--jc-color-orange); --color--private-party: var(--jc-color-green); --color--date: var(--jc-color-magenta); --color--event: var(--jc-color-red-passion); --color--discount: var(--jc-color-red-mystery); --color--emoji: var(--jc-color-yellow); --color--blue: var(--jc-color-sky-blue); /* TODO: Besseren Namen überlegen */ --color--streamer-level--bronze: var(--jc-color-bronze); --color--streamer-level--silver: var(--jc-color-silver); --color--streamer-level--gold: var(--jc-color-gold-warm); --color--streamer-level--platinum: var(--jc-color-platinum); --color--streamer-level--palladium: var(--jc-color-palladium); --color--h1: var(--jc-color-white-delight); --color--h2: var(--jc-color-white-delight); --color--h3: var(--jc-color-white-delight); --color--h4: var(--jc-color-white-delight); --color--label: var(--jc-color-white-delight); --color--button-text: var(--jc-color-pure-white); --color--meta: var(--jc-color-ghostgrey); --color--text: var(--jc-color-white-delight); --color--text-secondary: var(--jc-color-silvergrey); --color--text-info: var(--jc-color-silvergrey); --color--text-footnote: var(--jc-color-ghostgrey); } /* Scrollbar */ :root { --scrollbar-gutter__surface: auto; --scrollbar-color__surface: var(--jc-color-grey-highlight) var(--jc-color-black-mystery); --scrollbar-width__surface: thin; /* Webkit */ ---webkit-scrollbar-track__background-color__surface: var( --jc-color-black-mystery ); ---webkit-scrollbar-thumb__border__surface: 2px solid transparent; ---webkit-scrollbar-thumb__border-radius__surface: 100px; ---webkit-scrollbar-thumb__background-clip__surface: content-box; } /* Cards */ :root { --background-color--cards: rgb(255 255 255 / 5%); --background-color--cards--hover: rgb(255 255 255 / 20%); } /* JButton */ :root { --j-button__height: var(--jc-size-44); --j-button__height--cta: 56px; --j-button__height--big: 56px; --j-button__min-width: var(--jc-size-44); --j-button__min-width--big: 56px; --j-button__font-size--icon-only: calc(var(--jc-font-size-21) - 1px); --j-button__border: 1px solid transparent; --j-button__border-radius: var(--jc-radius-8); --j-button__border-radius--cta: var(--jc-radius-circle); --j-button__border-radius--rounded: var(--jc-radius-circle); --j-button__backdrop-filter: var(--backdrop-filter--10); --j-button__border-color--primary--active: rgb( var(--jc-color-pure-white-rgb), 55% ); --j-button__border-color--secondary--active: rgb( var(--jc-color-pure-white-rgb), 55% ); --j-button__border-color--tertiary--active: rgb( var(--jc-color-pure-white-rgb), 40% ); --j-button__border-color--cta--active: rgb( var(--jc-color-pure-white-rgb), 55% ); --j-button__border-color--is-on-image--active: rgb(80, 80, 80, 50%); --j-button__border-color--highlight--active: rgb( var(--jc-color-pure-black-rgb), 50% ); --j-button__background-color--primary: var(--color--primary-action); --j-button__background-color--primary--hover: var( --color--primary-action--hover ); --j-button__background-color--primary--loading: var( --color--primary-action--hover ); --j-button__background-color--primary--disabled: var(--jc-color-red-shadow); --j-button__background-color--cta: var(--color--primary-action); --j-button__background-color--cta--hover: var(--color--primary-action--hover); --j-button__background-color--cta--loading: var( --color--primary-action--hover ); --j-button__background-color--secondary: rgb( var(--jc-color-pure-white-rgb), 20% ); --j-button__background-color--secondary--hover: rgb( var(--jc-color-pure-white-rgb), 30% ); --j-button__background-color--secondary--loading: rgb( var(--jc-color-pure-white-rgb), 25% ); --j-button__background-color--tertiary: rgb( var(--jc-color-pure-white-rgb), 5% ); --j-button__background-color--tertiary--hover: rgb( var(--jc-color-pure-white-rgb), 15% ); --j-button__background-color--tertiary--loading: rgb( var(--jc-color-pure-white-rgb), 10% ); --j-button__background-color--highlight: var(--jc-color-pure-white); --j-button__background-color--highlight--hover: var(--jc-color-white-delight); --j-button__background-color--highlight--loading: var( --jc-color-white-delight ); --j-button__background-color--is-on-image: rgb( var(--jc-color-black-shadow--rgb), 75% ); --j-button__background-color--is-on-image--hover: var( --jc-color-black-shadow ); --j-button__background-color--is-on-image--loading: rgb( var(--jc-color-black-shadow--rgb), 75% ); --j-button__font-size: var(--jc-font-size-14); --j-button__color--primary: var(--color--button-text); --j-button__color--secondary: var(--color--button-text); --j-button__color--tertiary: var(--color--button-text); --j-button__color--is-on-image: var(--color--button-text); --j-button__color--cta: var(--color--button-text); --j-button__color--highlight: var(--jc-color-red-passion); --j-button__color--tertiary--hover: var(--jc-color-white-delight); --j-button__color--hover--is-on-image: var(--jc-color-white-delight); } /* JControlButton */ :root { --j-control-button__gap: var(--jc-space-4); --j-control-button__height: var(--jc-size-36); --j-control-button__min-width: var(--jc-size-36); --j-control-button__min-width--small: var(--jc-size-24); --j-control-button__height--small: var(--jc-size-24); --j-control-button__padding: 10px var(--jc-space-16); --j-control-button__padding--icon-only: 6px; --j-control-button__padding--icon-only--small: 2px; --j-control-button__icon__width: var(--jc-font-size-16); --j-control-button__icon__height: var(--jc-font-size-16); --j-control-button__icon__width--small: var(--jc-font-size-12); --j-control-button__icon__height--small: var(--jc-font-size-12); --j-control-button__border: 1px solid transparent; --j-control-button__border-color--primary--active: rgb( var(--jc-color-pure-white-rgb), 55% ); --j-control-button__border-color--secondary--active: rgb( var(--jc-color-pure-white-rgb), 55% ); --j-control-button__border-color--secondary--active--is-on-image: rgb( var(--jc-color-pure-black-rgb), 50% ); --j-control-button__border-color--transparent--active: rgb( var(--jc-color-pure-white-rgb), 35% ); --j-control-button__border-color--tertiary--active: rgb( var(--jc-color-pure-white-rgb), 40% ); --j-control-button__color--primary: var(--color--button-text); --j-control-button__color--primary--hover: var(--color--button-text); --j-control-button__color--secondary: var(--color--button-text); --j-control-button__color--secondary--is-on-image: var( --jc-color-black-mystery ); --j-control-button__color--secondary--is-on-image--appended-icon: var( --jc-color-grey-highlight ); --j-control-button__color--tertiary: var(--color--button-text); --j-control-button__color--tertiary--hover: var(--jc-color-pure-white); --j-control-button__color--tertiary--active: var(--jc-color-pure-white); --j-control-button__color--transparent: var(--color--button-text); --j-control-button__color--transparent--hover: var(--jc-color-pure-white); --j-control-button__color--transparent--active: var(--jc-color-pure-white); --j-control-button__color--appended-icon: var(--color--text-secondary); --j-control-button__color--prepended-icon: var(--color--button-text); --j-control-button__background-color--primary: var(--color--primary-action); --j-control-button__background-color--primary--hover: var( --color--primary-action--hover ); --j-control-button__background-color--primary--active: var( --color--primary-action--hover ); --j-control-button__background-color--secondary: rgb( var(--jc-color-pure-white-rgb), 20% ); --j-control-button__background-color--secondary--hover: rgb( var(--jc-color-pure-white-rgb), 30% ); --j-control-button__background-color--secondary--active: rgb( var(--jc-color-pure-white-rgb), 30% ); --j-control-button__background-color--secondary--is-on-image: rgb( var(--jc-color-pure-white-rgb), 75% ); --j-control-button__background-color--secondary--hover--is-on-image: rgb( var(--jc-color-pure-white-rgb), 100% ); --j-control-button__background-color--secondary--active--is-on-image: rgb( var(--jc-color-pure-white-rgb), 100% ); --j-control-button__background-color--tertiary: rgb( var(--jc-color-pure-white-rgb), 5% ); --j-control-button__background-color--tertiary--hover: rgb( var(--jc-color-pure-white-rgb), 15% ); --j-control-button__background-color--tertiary--active: rgb( var(--jc-color-pure-white-rgb), 15% ); --j-control-button__background-color--transparent--hover: rgb( var(--jc-color-pure-white-rgb), 10% ); --j-control-button__background-color--transparent--active: rgb( var(--jc-color-pure-white-rgb), 10% ); --j-control-button__font-size: var(--jc-font-size-12); --j-control-button__icon-size--small: var(--jc-font-size-12); --j-control-button__icon-size--normal: var(--jc-font-size-16); --j-control-button__icon-size--large: calc(var(--jc-font-size-21) - 1px); --j-control-button__icon-size--icon-only--small: var(--jc-font-size-16); --j-control-button__icon-size--icon-only: calc(var(--jc-font-size-21) - 1px); --j-control-button__cursor--hover: pointer; --j-control-button__cursor--active: pointer; } /* JChip */ :root { --j-chip__height: var(--jc-size-32); --j-chip__icon__height: 12px; --j-chip__gap: var(--jc-space-4); --j-chip__background-color: var(--jc-color-grey-highlight); --j-chip__background-color--hover: var(--jc-color-silky-shadow); --j-chip__font-size: var(--jc-font-size-12); --j-chip__line-height: var(--jc-line-height-20); --j-chip__color: var(--jc-color-pure-white); --j-chip__j-icon__color: var(--jc-color-silvergrey); --j-chip__j-icon__color--hover: var(--jc-color-pure-white); } /* JTag */ :root { --j-tag__height: var(--jc-size-24); --j-tag__padding: 0 var(--jc-space-8); --j-tag__background-color: var(--jc-color-grey-highlight); --j-tag__background-color--hover: var(--jc-color-silky-shadow); --j-tag__border-radius: var(--jc-radius-16); --j-tag__font-size: var(--jc-font-size-12); --j-tag__line-height: var(--jc-line-height-24); --j-tag__color: var(--jc-color-silvergrey); --j-tag__color--hover: var(--jc-color-white-delight); } /* JContextMenuItem */ :root { --j-context-menu-item__height: var(--jc-size-44); --j-context-menu-item__item__height: var(--jc-size-16); --j-context-menu-item__max-width: 300px; --j-context-menu-item__text__max-width--mobile: calc( 100vw - calc(var(--jc-space-16) * 4) ); --j-context-menu-item__padding: 0 var(--jc-space-12); --j-context-menu-item__border-radius: var(--jc-radius-4); --j-context-menu-item__border-radius--mobile: var(--jc-radius-8); --j-context-menu-item__background-color: var(--jc-color-grey-highlight); --j-context-menu-item__color: var(--jc-color-silvergrey); --j-context-menu-item__item__color: currentColor; --j-context-menu-item__color--hover: var(--jc-color-white-delight); --j-context-menu-item__font-size: var(--jc-font-size-14); --j-context-menu-item__line-height: var(--jc-line-height-20); } /* JContextMenu */ :root { --j-context-menu__sheet__z-index: -9999999; --j-context-menu__sheet__z-index--open: 999999999; --j-context-menu__height: var(--jc-size-44); --j-context-menu__close-button__height: var(--jc-size-36); --j-context-menu__sheet-header__height: var(--jc-size-36); --j-context-menu__close-button__icon__height: 20px; --j-context-menu__padding: var(--jc-space-4); --j-context-menu__border-radius: var(--jc-radius-8); --j-context-menu__close-button__border-radius: var(--jc-radius-8); --j-context-menu__sheet__border-radius: var(--jc-radius-24); --j-context-menu__border-color: var(--jc-color-grey-highlight); --j-context-menu__background-color: var(--jc-color-black-mystery); --j-context-menu__sheet__background-color: rgb( var(--jc-color-black-shadow--rgb), 75% ); --j-context-menu__close-button__background-color--hover: var( --jc-color-grey-highlight ); --j-context-menu__box-shadow: var(--box-shadow--24); --j-context-menu__sheet-title__font-size: var(--jc-font-size-16); --j-context-menu__sheet-title__color: var(--jc-color-white-delight); --j-context-menu__close-button__color: var(--jc-color-silvergrey); --j-context-menu__close-button__color--hover: var(--jc-color-white-delight); --j-context-menu__sheet__backdrop-filter: var(--backdrop-filter--10); --j-context-menu__sheet__transition: var(--transition--z-index), var(--transition--background-color), var(--transition--opacity); } /* JFab */ :root { /** --____------ --j-floating-action-button__border-color--hover--active component css-prop state mode Maximalbeispiel: --j-floating-action-button__overlay__background--primary--hover--is-on-image--mobile-xs */ --j-floating-action-button__bottom: var(--jc-space-32); --j-floating-action-button__right: var(--jc-space-32); --j-floating-action-button__height: 56px; --j-floating-action-button__icon__height: 24px; --j-floating-action-button__z-index: 9999999; --j-floating-action-button__overlay__z-index: -9999999; --j-floating-action-button__overlay__z-index--open: 9999998; --j-floating-action-button__item-container__z-index: 9999999; --j-floating-action-button__border-radius: var(--jc-radius-circle); --j-floating-action-button__border-color: var( --color--primary-action--stroke ); --j-floating-action-button__border-color--hover: var( --color--primary-action--hover--stroke ); --j-floating-action-button__border-color--active: var( --color--secondary-action--stroke ); --j-floating-action-button__border-color--hover--active: var( --color--secondary-action--hover--stroke ); --j-floating-action-button__background-color: var(--color--primary-action); --j-floating-action-button__overlay__background-color: rgb( var(--jc-color-black-shadow--rgb), 20% ); --j-floating-action-button__background-color--hover: var( --color--primary-action--hover ); --j-floating-action-button__background-color--active: var( --color--secondary-action ); --j-floating-action-button__background-color--hover--active: var( --color--secondary-action--hover ); --j-floating-action-button__box-shadow: var(--box-shadow--16); --j-floating-action-button__backdrop-filter: var(--backdrop-filter--10); --j-floating-action-button__color: var(--color--button-text); --j-floating-action-button__icon__color: var(--color--button-text); --j-floating-action-button__transition: var( --transition--background-color--fast ); --j-floating-action-button__icon__transition: var( --transition--transform--in--fast ); --j-floating-action-button__item-container__transition: var( --transition--transform--out ), var(--transition--opacity--out); --j-floating-action-button__item-container__transition--open: var( --transition--transform--in ), var(--transition--opacity--in); --j-floating-action-button__overlay__transition: var( --transition--background-color--fast ), var(--transition--transform--in); --j-floating-action-button__overlay__transition--open: var( --transition--background-color--fast ), var(--transition--transform--out); } /* JFabItem */ :root { --j-floating-action-button-item__button__height: 44px; --j-floating-action-button-item__icon__height: var(--jc-size-16); --j-floating-action-button-item__button__border-color: var( --color--primary-action--stroke ); --j-floating-action-button-item__button__border-radius: var( --jc-radius-circle ); --j-floating-action-button-item__button__background-color: var( --color--primary-action ); --j-floating-action-button-item__button__background-color--hover: var( --color--primary-action--hover ); --j-floating-action-button-item__button__box-shadow: var(--box-shadow--16); --j-floating-action-button-item__font-size: var(--jc-font-size-14); --j-floating-action-button-item__color: var(--jc-color-white-delight); --j-floating-action-button-item__color--hover: var(--jc-color-silvergrey); --j-floating-action-button-item__transition: var(--transition--color); --j-floating-action-button-item__button__transition--hover: var( --transition--background-color ); } /* JA */ :root { /** Naming Schema: --____------ */ --j-a__color--primary: var(--jc-color-pure-white); --j-a__color--secondary: var(--jc-color-silvergrey); --j-a__color--hover: var(--jc-color-pure-white); --j-a__text-decoration-color--primary: var(--jc-color-red-passion); --j-a__text-decoration-color--secondary: var(--jc-color-silvergrey); --j-a__text-decoration-color--hover: var(--jc-color-pure-white); --j-a__color--primary-inverted: var(--jc-color-grey-highlight); --j-a__color--primary-inverted--hover: var(--jc-color-silky-grey); --j-a__text-decoration-color--primary-inverted--hover: var( --jc-color-pure-black ); --j-a__color--inverted: var(--jc-color-black-mystery); --j-a__color--inverted--hover: var(--jc-color-silky-grey); } @layer joy-ui-global-styles { .j-anchor { color: var(--j-a__color--primary) !important; word-break: break-word; font-weight: bold; font-family: var(--font-family) !important; text-decoration-style: solid !important; text-decoration: underline !important; text-decoration-color: var( --j-a__text-decoration-color--primary ) !important; text-decoration-thickness: 2px !important; text-underline-offset: 2px !important; -webkit-text-decoration-style: solid !important; -webkit-text-decoration: underline !important; -webkit-text-decoration-color: var( --j-a__text-decoration-color--primary ) !important; -webkit-text-decoration-thickness: 2px !important; -webkit-text-underline-offset: 2px !important; } .j-anchor.secondary { text-decoration-color: var( --j-a__text-decoration-color--secondary ) !important; -webkit-text-decoration-color: var( --j-a__text-decoration-color--secondary ) !important; color: var(--j-a__color--secondary) !important; } .j-anchor:hover, .j-anchor.secondary:hover { text-decoration-color: var(--j-a__text-decoration-color--hover) !important; -webkit-text-decoration-color: var( --j-a__text-decoration-color--hover ) !important; color: var(--j-a__color--primary) !important; } .j-anchor[disabled='true'], .j-anchor[aria-disabled='true'] { opacity: 0.5 !important; cursor: not-allowed !important; text-decoration: line-through !important; -webkit-text-decoration: line-through !important; } } /* JButton styles */ /* JControlButton styles */ /* JChip styles */ /* JTag styles */ /* JContextMenuItem styles */ /* JContextMenu styles */ /* JFab styles */ /* JFabItem styles */ /* JA styles */ /* JPill */ :root { --j-pill__height: var(--jc-size-36); --j-pill__border-size: 2px; --j-pill__border-color: var(--jc-color-grey-highlight); --j-pill__border-color--active: var(--jc-color-white-delight); --j-pill__color--content--hover: var(--jc-color-pure-white); --j-pill__color--content: var(--jc-color-silvergrey); --j-pill__color--content--active: var(--jc-color-black-mystery); --j-pill__font-size--content: var(--jc-font-size-14); --j-pill__background-color: var(--jc-color-black-mystery); --j-pill__background-color--active: var(--jc-color-white-delight); --j-pill__background-color--hover: var(--jc-color-grey-highlight); --j-pill__padding--content: 10px var(--jc-space-16); } /* JPillNavigation */ :root { --j-pill-navigation__prev-next__dimension: var(--jc-size-36); --j-pill-navigation__j-control-button__height: var( --j-pill-navigation__prev-next__dimension ); --j-pill-navigation__slot__margin: 0 0 0 var(--jc-space-8); --j-pill-navigation__j-control-button__border-radius: 50%; --j-pill-navigation__j-control-button__fill: var(--jc-color-silvergrey); --j-pill-navigation__j-control-button__fill--hover: var( --jc-color-pure-white ); --jc-pill-navigation__background-color--overlay: var(--jc-color-black-shadow); } /* JSwitch */ :root { --j-switch__line-height: var(--jc-line-height-20); --j-switch__line-height--label: var(--jc-line-height-20); --j-switch__background--knob: var(--jc-color-pure-white); --j-switch__fill--loader--icon: var(--jc-color-pure-white); --j-switch__background--clickable-knob--innner: var(--jc-color-red-passion); --j-switch__background--clickable-knob--innner--off: var( --jc-color-silky-grey ); --j-switch__border-radius--clickable-knob--innner: var(--jc-radius-16); --j-switch__border-radius--knob: var(--jc-radius-circle); --j-switch__transition--clickable-knob--innner: var( --transition--background-color--fast ); --j-switch__transition--knob: left var(--transition--time--fast); --j-switch__margin-left--label: var(--jc-space-4); --j-switch__color--label: var(--jc-color-white-delight); --j-switch__font-size--label: var(--jc-font-size-14); --j-switch__height--clickable-knob: 32px; --j-switch__height--clickable-loader: 32px; --j-switch__height--clickable-knob--inner: 24px; --j-switch__width--clickable-knob: 46px; --j-switch__width--knob: 18px; --j-switch__width--loader: 46px; --j-switch__width--loader--icon: 16px; --j-switch__width--clickable-knob--inner: 38px; } /* JBreadcrumb */ :root { --j-breadcrumb__height: 24px; --j-breadcrumb__height--divider: 8px; --j-breadcrumb__height--j-control-button--icon: 16px; --j-breadcrumb__height--link: var(--j-breadcrumb__height); --j-breadcrumb__padding--divider: 0 var(--jc-space-4); --j-breadcrumb__color: var(--jc-color-ghostgrey); --j-breadcrumb__color--divider: var(--jc-color-silky-grey); --j-breadcrumb__color--link--hover: var(--jc-color-white-delight); --j-breadcrumb__text-decoration-color: var(--jc-color-ghostgrey); --j-breadcrumb__text-decoration-thickness: 0.5px; --j-breadcrumb__font-size: var(--jc-font-size-12); --j-breadcrumb__font-size--divider: var(--j-breadcrumb__font-size); --j-breadcrumb__transition: var(--transition--color--fast); --j-breadcrumb__transition--link--hover: var(--transition--color--fast); } /* JBadge */ :root { --j-badge__max-width--icon: 14px; --j-badge__height: var(--jc-size-24); --j-badge__padding: 0 var(--jc-space-8); --j-badge__padding--scrolling: 0 var(--jc-space-16); --j-badge__border-radius: var(--jc-radius-16); --j-badge__font-size: var(--jc-font-size-12); --j-badge__color: var(--jc-color-pure-white); --j-badge__border-color--black: var(--jc-color-grey-highlight); --j-badge__background-color--black: var(--jc-color-black-mystery); --j-badge__background-color--red: var(--jc-color-red-passion); --j-badge__background-color--green: var(--jc-color-fresh-green); --j-badge__background-color--silky-grey: var(--jc-color-silky-grey); --j-badge__background-color--black--is-on-image: #111314bf; --j-badge__background-color--red-mystery: var(--jc-color-red-mystery); --j-badge__fill--icon: var(--jc-color-pure-white); --j-badge__backdrop-filter--black: var(--backdrop-filter--10); } :root { --j-badge-circle__height: 8px; --j-badge-circle__border-radius: var(--jc-radius-16); } :root { --j-badge-corner__height: var(--jc-size-32); --j-badge-corner__border-radius: 0 var(--jc-radius-16); --j-badge-corner__fill--icon: var(--jc-color-pure-white); } :root { --j-badge--date__background-color: var(--jc-color-magenta); --j-badge--event-date__background-color: var(--jc-color-magenta); --j-badge--group-date__background-color: var(--jc-color-magenta); --j-badge--photo-job__background-color: var(--jc-color-deep-blue); } :root { --j-badge-joy-recommendation__background-color--golden: linear-gradient( 22deg, #8e774d, #fcf6ba 62% ); --j-badge-joy-recommendation__color--golden: var(--jc-color-black-mystery); } :root { --j-badge-medal__height: 22px; } :root { --j-badge-number__height: 16px; --j-badge-number__font-size: var(--jc-font-size-10); --j-badge-number__line-height: 12px; } :root { --j-badge-private-party__background-color: var(--jc-color-green); } :root { --j-badge-voting__height: var(--j-badge__height); --j-badge-voting__height--icon: var(--jc-size-16); --j-badge-voting__border-radius: var(--jc-radius-16); --j-badge-voting__fill--icon: var(--jc-color-pure-white); --j-badge-voting__fill--icon--match: var(--jc-color-red-passion); } /* JCard */ :root { --j-card__min-width: 158px; --j-card__min-height: 150px; --j-card__height--mobile: 116px; --j-card__padding--media-content: var(--jc-space-12); --j-card__padding--content: var(--jc-space-12); --j-card__gap--slot-content: var(--jc-space-4); --j-card__border-radius: var(--jc-radius-16); --j-card__border-color: var(--background-color--cards, 255 255 255 / 5%); --j-card__font-family: var(--font-family); --j-card__font--title: var(--font--button-text); --j-card__font--content: var(--font--text-info); --j-card__line-height--media-content: var(--jc-line-height-20, 20px); --j-card__line-height--content: var(--jc-line-height-20, 20px); --j-card__line-clamp--title: 2; --j-card-group__line-clamp--description: 2; --j-card__color--content: var(--jc-color-silvergrey); --j-card__color--title: var(--jc-color-white-delight); --j-card__background-color--content: var( --background-color--cards, 255 255 255 / 5% ); --j-card__background-color--hover: var( --background-color--cards--hover, 255 255 255 / 20% ); --j-card__filter--media--hover: brightness(1.1); --j-card__transition--hover: var(--transition--background-color); --j-card__media__transition--hover: filter var(--transition--base--linear); } :root { --j-member-card__gap--location-info: var(--jc-space-8); --j-member-card__height--online-icon: 8px; --j-member-card__border-radius--online-icon: 8px; --j-member-card__background-color--online-icon: var(--jc-color-fresh-green); } :root { --j-content-card__min-width: 328px; --j-content-card__padding--header: var(--jc-space-16) var(--jc-space-16) 0; --j-content-card__padding--content: var(--jc-space-16); --j-content-card__padding--slot-content--footer: 0 var(--jc-space-16) var(--jc-space-16); --j-content-card__margin-bottom--thread-title: var(--jc-space-12); --j-content-card__border-radius: var(--j-card__border-radius); --j-content-card__background-color: var( --background-color--cards, 255 255 255 / 5% ); --j-content-card__font--thread-title: var(--font--h3); --j-content-card__line-clamp--thread-title: 3; --j-content-card__line-clamp--teaser-text: 4; --j-content-card__color: var(--color--text); --j-content-card__color--slot-content: var(--color--text); --j-content-card__color--teaser-text: var(--color--text-secondary); } :root { --j-cta-card__min-width: 104px; --j-cta-card__color: var(--jc-color-pure-white); --j-cta-card__background-color: #333333; --j-cta-card__padding--content: var(--jc-space-16); --j-cta-card__font-size--content: var(--jc-font-size-14); --j-cta-card__line-height--content: var(--jc-line-height-24); --j-cta-card__icon__margin-left: var(--jc-space-4); } /* JSwitch */ :root { --j-switch__line-height: var(--jc-line-height-20); --j-switch__line-height--label: var(--jc-line-height-20); --j-switch__background--knob: var(--jc-color-pure-white); --j-switch__fill--loader--icon: var(--jc-color-pure-white); --j-switch__background--clickable-knob--innner: var(--jc-color-red-passion); --j-switch__background--clickable-knob--innner--off: var( --jc-color-silky-grey ); --j-switch__border-radius--clickable-knob--innner: var(--jc-radius-16); --j-switch__border-radius--knob: var(--jc-radius-circle); --j-switch__transition--clickable-knob--innner: var( --transition--background-color--fast ); --j-switch__transition--knob: left var(--transition--time--fast); --j-switch__margin-left--label: var(--jc-space-4); --j-switch__color--label: var(--jc-color-white-delight); --j-switch__font-size--label: var(--jc-font-size-14); --j-switch__height--clickable-knob: 32px; --j-switch__height--clickable-loader: 32px; --j-switch__height--clickable-knob--inner: 24px; --j-switch__width--clickable-knob: 46px; --j-switch__width--knob: 18px; --j-switch__width--loader: 46px; --j-switch__width--loader--icon: 16px; --j-switch__width--clickable-knob--inner: 38px; } /* JAvatar */ :root { --j-avatar__height: var(--jc-size-44); --j-avatar__height--condensed: var(--jc-size-32); --j-avatar__height--small: var(--jc-size-24); --j-avatar__status__height: 8px; --j-avatar__status__border-radius: var(--jc-radius-8); --j-avatar__status__background-color--online: var(--jc-color-fresh-green); --j-avatar__status__background-color--away: var(--jc-color-ghostgrey); --j-avatar__description__color: var(--jc-color-silvergrey); --j-avatar__description__font-size: var(--jc-font-size-12); --j-avatar__description__font-size--condensed: var(--jc-font-size-14); --j-avatar__transition: all var(--transition--base--linear); } /* JAvatarName */ :root { --j-avatar-name__gap: var(--jc-space-4); --j-avatar-name__height: var(--jc-line-height-20); --j-avatar-name__height--small: calc(var(--j-avatar-name__height) - 2px); --j-avatar-name__color: var(--jc-color-pure-white); --j-avatar-name__font: bold var(--j-avatar-name__font-size) / var(--j-avatar-name__line-height) var(--font-family); --j-avatar-name__font-size: var(--jc-font-size-14); --j-avatar-name__font-size--small: var(--jc-font-size-12); --j-avatar-name__line-height: var(--jc-line-height-20); } /* JVeriIcon */ :root { --j-veri-icon__fill--checked: var(--jc-color-white-delight); --j-veri-icon__fill--crowd-checked: var(--jc-color-fresh-green); --j-veri-icon__fill--vip: var(--jc-color-red-passion); } /* JGenderIcon */ :root { --j-gender-icon__height: 20px; --j-gender-icon__size: var(--jc-font-size-14); --j-gender-icon__fill: var(--jc-color-pure-white); } /* JAvatarList */ :root { --j-avatar-list__amount__height: var(--jc-size-44); --j-avatar-list__amount__height--small: var(--jc-size-32); --j-avatar-list__gap: var(--jc-space-4); --j-avatar-list__amount__gap: 2px; --j-avatar-list__amount__padding: 0 var(--jc-space-8); --j-avatar-list__amount__padding--less-than-100: 0 var(--jc-space-4); --j-avatar-list__amount__border-radius: var(--jc-radius-circle); --j-avatar-list__amount__border-color: var(--jc-color-grey-highlight); --j-avatar-list__amount__border-color--hover: var(--jc-color-ghostgrey); --j-avatar-list__amount__background: var(--jc-color-black-mystery); --j-avatar-list__amount__color: var(--jc-color-silvergrey); --j-avatar-list__amount__color--hover: var(--jc-color-white-delight); --j-avatar-list__amount__font: var(--font--label); --j-avatar-list__amount__font--small: var(--font--text-info); } /* JAvatarImage */ :root { --j-avatar-image__size: var(--jc-size-44); --j-avatar-image__size--small: var(--jc-size-32); --j-avatar-image__gap: var(--jc-space-8); --j-avatar-image__border-radius: var(--jc-radius-circle); } /* JAvatarGroup */ :root { --j-avatar-group__height: var(--jc-size-44); --j-avatar-group__height--small: var(--jc-size-32); --j-avatar-group__amount__gap: 2px; --j-avatar-group__amount__border-radius: var(--jc-radius-circle); --j-avatar-group__amount__border-color: var(--jc-color-grey-highlight); --j-avatar-group__amount__border-color--hover: var(--jc-color-ghostgrey); --j-avatar-group__amount__background: var(--jc-color-black-mystery); --j-avatar-group__amount__color: var(--jc-color-silvergrey); --j-avatar-group__amount__color--hover: var(--jc-color-white-delight); --j-avatar-group__amount__padding: 0 var(--jc-space-8); --j-avatar-group__amount__padding--less-than-100: 0 var(--jc-space-4); --j-avatar-group__amount__font: var(--font--label); --j-avatar-group__amount__font--small: var(--font--text-info); } /* JAvatarCommunity */ :root { --j-avatar-community__size: var(--jc-size-44); --j-avatar-community__status__height: 8px; --j-avatar-community__border-radius: var(--jc-radius-8); --j-avatar-community__color: var(--jc-color-silvergrey); --j-avatar-community__font: var(--j-avatar-name__font); --j-avatar-community__description__font: var(--jc-font-size-12) / var(--jc-line-height-20) var(--font-family); } /* JCustomUnorderedListItem */ :root { /** Naming Schema: --____------ */ --j-custom-unordered-list-item__icon__color: var(--jc-color-pure-white); --j-custom-unordered-list-item__text__color: var(--color--button-text); --j-custom-unordered-list-item__description__color: var( --color--text-secondary ); --j-custom-unordered-list-item__description__line-height: var( --jc-line-height-22 ); --j-custom-unordered-list-item__line-height: var(--jc-line-height-20); --j-custom-unordered-list-item__font-family: var(--font-family); --j-custom-unordered-list-item__font-size: var(--jc-font-size-14); --j-custom-unordered-list-item__item-icon__font-size: var(--jc-font-size-16); --j-custom-unordered-list-item__font-weight--bold: var(--jc-font-weight-bold); --j-custom-unordered-list-item__item-icon__margin-right: var(--jc-space-12); } /* JCustomUnorderedList */ :root { /** Naming Schema: --____------ */ --j-custom-unordered-list__font-family: var(--font-family); --j-custom-unordered-list__headlines__margin: var(--jc-space-16) 0; --j-custom-unordered-list__margin: var(--jc-space-12) 0; } /* JNavbar */ :root { /** Naming Schema: --____------ */ --j-navbar__background-color: var(--background-color--surface); --j-navbar__font-color: var(--color--text); --j-navbar__color--primary: var(--color--button-text); --j-navbar__color--secondary: var(--color--text-secondary); --j-navbar__font-family: var(--font-family); --j-navbar__height: var(--jc-size-52); --j-navbar__padding: 0 var(--jc-space-8); --j-navbar__gap: var(--jc-space-8); --j-navbar__a__padding: var(--jc-space-8); --j-navbar__a__border-radius: var(--jc-radius-16); --j-navbar__a__j-icon__fill: var(--jc-color-silvergrey); --j-navbar__header__font-size: var(--jc-font-size-14); --j-navbar__header__line-height: var(--jc-line-height-24); --j-navbar__button__font-size: var(--jc-font-size-18); --j-navbar__button__color: var(--color--text-secondary); } /* JBottomSheet */ :root { /** Naming Schema: --____------ */ --j-bottom-sheet__container__background-color: var( --background-color--surface ); --j-bottom-sheet__container__border-radius: var(--jc-radius-24); --j-bottom-sheet__background-color: var( --backdrop--background-color--default ); --j-bottom-sheet__box-shadow: var(--box-shadow--24); --j-bottom-sheet__backdrop-filter: var(--backdrop--backdrop-filter--default); --j-bottom-sheet__font-family: var(--font-family); --j-bottom-sheet__padding: var(--jc-space-16); --j-bottom-sheet__header__height: var(--jc-size-44); --j-bottom-sheet__header__margin-bottom: var(--jc-space-12); --j-bottom-sheet__header__color: var(--color--text); --j-bottom-sheet__content__color: var(--color--text); --j-bottom-sheet__footer__padding-top: var(--jc-space-24); --j-bottom-sheet__host__transition: var(--transition--base--linear--fast); --j-bottom-sheet__host__transition--open: var( --transition--base--cubic-in--fast ); --j-bottom-sheet__transition: var(--transition--base--cubic-out); } :root { --j-overlay__max-height: 75vh; --j-overlay__width: 500px; --j-overlay__max-width: 75vw; --j-overlay__backdrop__background-color: var( --backdrop--background-color--default ); --j-overlay__backdrop__backdrop-filter: var( --backdrop--backdrop-filter--default ); --j-overlay__box-shadow: var(--box-shadow--24); --j-overlay__gap-8__gap: var(--jc-space-8); --j-overlay__font-family: var(--font-family); --j-overlay__header__height: var(--jc-size-52); --j-overlay__header_padding: var(--jc-size-16); --j-overlay__header__background: var(--background-color--surface); --j-overlay__header__font-size: var(--jc-font-size-14); --j-overlay__header__font-weight: var(--jc-font-weight-bold); --j-overlay__slot__options__min-width: var(--jc-space-32); --j-overlay__title_slot__color: var(--color--text); --j-overlay__body__background: var(--background-color--background); --j-overlay__body__color: var(--color--text-secondary); --j-overlay__body__font-size: var(--jc-font-size-14); --j-overlay__body__line-height: var(--jc-line-height-24); --j-overlay__body__content__padding: var(--jc-space-16); --j-overlay__body__content__font-family: var(--font-family); --j-overlay__body__content__font-size: var(--jc-font-size-14); --j-overlay__body__content__head__foot__line-height: var(--jc-line-height-24); --j-overlay__body__content__color: var(--color--text-secondary); --j-overlay__body__content__line-height: var(--jc-size-16); --j-overlay__body__scrollbar-color: var(--scrollbar-color__surface); --j-overlay__body__content__footer__padding: var(--jc-space-12) var(--jc-space-16) var(--jc-space-8); --j-overlay__body__content__header__padding: var(--jc-space-8) var(--jc-space-16) var(--jc-space-12); --j-overlay__body__content__scrollbar-track__background-color: var( ---webkit-scrollbar-track__background-color__surface ); --j-overlay__body__content__scrollbar-thumb__background-color: var( --scrollbar-color__surface ); --j-overlay__body__actions__padding: var(--jc-size-16); --j-overlay__body__actions__background-color: var( --background-color--surface ); --j-overlay__body__actions__border-bottom-left-radius: var(--jc-radius-24); --j-overlay__body__actions__border-bottom-right-radius: var(--jc-radius-24); --j-overlay__body__actions__header__title__font-size: var(--jc-font-size-16); --j-overlay__body__actions__header__title__font-weight: var( --jc-font-weight-bold ); --j-overlay__body__actions__header__title__color: var(--color--text); --j-overlay__border-top-left-radius--mobile: var(--jc-radius-24); --j-overlay__border-top-right-radius--mobile: var(--jc-radius-24); --j-overlay__border-bottom-left-radius--mobile: var(--jc-radius-24); --j-overlay__border-bottom-right-radius--mobile: var(--jc-radius-24); --j-overlay__body__content__padding-bottom--calc-space: var(--jc-space-16); --j-overlay__body__content__max-height--calc: var(--jc-size-52); --j-overlay__body__actions__padding--calc: var(--jc-space-16); --j-overlay__body__actions__gap: var(--jc-space-8); } :root { --j-modal__height: 100%; --j-modal__width: 768px; --j-modal__max-width: 75vw; --j-modal__width--small: 450px; --j-modal__width--mobile-md: 400px; --j-modal__backdrop--background-color: var( --backdrop--background-color--default ); --j-modal__backdrop--backdrop-filter: var( --backdrop--backdrop-filter--default ); --j-modal__background-color: var(--background-color--surface); --j-modal__color: var(--color--text); --j-modal__border: 1px solid var(--background-color--surface); --j-modal__box-shadow: var(--box-shadow--24); --j-modal__font-family: var(--font-family); --j-modal__padding: var(--jc-space-16) var(--jc-space-24) var(--jc-space-24) var(--jc-space-24); --j-modal__border-radius: var(--jc-radius-24); --j-modal__line-height: var(--jc-space-24); --j-modal__header__height: var(--jc-size-44); --j-modal__header__margin-bottom: var(--jc-space-8); --j-modal__header__j-icon__fill: var(--color--text); --j-modal__title__font-size: var(--jc-font-size-18); --j-modal__title__line-height: var(--jc-size-24); --j-modal__title__max-height: calc(var(--jc-line-height-24) * 2); --j-modal__headline_color: var(--color--text); --j-modal__footer__border-top: 1px solid var(--jc-color-grey-highlight); --j-modal__footer__margin-top: var(--jc-space-16); --j-modal__footer__padding-top: var(--jc-space-16); --j-modal__footer__padding-top--mobile: var(--jc-space-16); --j-modal__meta__font-size: var(--jc-font-size-10); --j-modal__meta__color: var(--color--meta); --j-modal__meta__line-height: var(--jc-space-16); --j-modal__meta__min-height: var(--jc-size-44); --j-modal__meta__margin-top: calc(-1 * var(--jc-space-16)); } /* JEmptyState */ :root { --j-empty-state__padding: var(--jc-space-32); --j-empty-state__border-color: rgba(var(--jc-color-pure-white-rgb), 0.05); --j-empty-state__border-radius: var(--jc-radius-16); --j-empty-state__color--primary: var(--jc-color-pure-white); --j-empty-state__color--secondary: var(--jc-color-silvergrey); } /* JExpandableContentBox */ :root { /** Naming Schema: --____------ */ --j-expandable-content-box__font-family: var(--font-family); --j-expandable-content-box__gap: var(--jc-space-16); --j-expandable-content-box__j-icon__fill: var(--color--meta); --j-expandable-content-box__j-control-button__color: var( --color--text-secondary ); } /* JGrowl */ :root { /** Naming Schema: --____------ */ --j-growl__border-radius: var(--jc-radius-8); --j-growl__padding: var(--jc-space-12) var(--jc-space-16); --j-growl__gap: var(--jc-space-12); --j-growl__background-color: var(--jc-color-silky-grey); --j-growl__box-shadow: var(--box-shadow--44); --j-growl__color: var(--color--text); --j-growl__a__color: var(--color--button-text); --j-growl__a__text-decoration-color: var(--color--primary-action); --j-growl__a__text-decoration-color--hover: var( --color--primary-action--stroke ); --j-growl__variant-warning__background: var(--color--warning); --j-growl__variant-error__background: var(--color--error); --j-growl__variant-success__background: var(--color--success); --j-growl__variant-info__background: var(--jc-color-silky-shadow); --j-growl__variant-dev__background: var(--jc-color-black-mystery--rgb); --j-growl__svg__fill: var(--color--button-text); --j-growl__font-family: var(--font-family); --j-growl__font-size: var(--jc-font-size-14); --j-growl__line-height: var(--jc-line-height-20); } /* JGrowlContainer */ :root { /** Naming Schema: --____------ */ --j-growl-container__gap: var(--jc-space-8); } /* JHorizontalScrollList */ :root { --j-horizontal-scroll-list__gap: var(--jc-space-12); --j-horizontal-scroll-list__font-family: var(--font-family); --j-horizontal-scroll-list__scrollable-container__gap: var(--jc-space-12); --j-horizontal-scroll-list__scrollable-container__gap--mobile: var( --jc-space-8 ); --j-horizontal-scroll-list__header__color: var(--jc-color-pure-white); --j-horizontal-scroll-list__header-icon__margin: 0 0 0 var(--jc-space-8); --j-horizontal-scroll-list__header-info__margin: 0 0 0 var(--jc-space-12); --j-horizontal-scroll-list__button__background-color: var( --background-color--background ); --j-horizontal-scroll-list__button__parent-container-color-highlight__background-color: var( --background-color--highlight ); --j-horizontal-scroll-list__button__parent-container-color-surface__background-color: var( --background-color--surface ); --j-horizontal-scroll-list__button__background-color--rgb: var( --jc-color-black-shadow--rgb ); --j-horizontal-scroll-list__j-icon__color: var(--color--button-text); --j-horizontal-scroll-list__j-icon__color--hover: #ccc; } /* JInfobox */ :root { /** Naming Schema: --____------ */ --j-infobox__gap: var(--jc-space-12); --j-infobox__padding: var(--jc-space-12) var(--jc-space-16); --j-infobox__border-radius: var(--jc-radius-8); --j-infobox__background-color: rgba(var(--jc-color-pure-white-rgb), 0.05); --j-infobox__color: var(--color--text-secondary); --j-infobox__font-family: var(--font-family); --j-infobox__font-size: var(--jc-font-size-14); --j-infobox__icon__fill: var(--color--text-secondary); } /* JList*/ :root { /** Naming Schema: --____------ */ --j-list__gap: var(--jc-space-8); } /* JListItem*/ :root { /** Naming Schema: --____------ */ --j-list-item__gap: 10px; --j-list-item__border-radius: var(--jc-radius-8); --j-list-item__background: rgb(var(--jc-color-pure-white-rgb), 5%); --j-list-item__background--active: rgb(var(--jc-color-pure-white-rgb), 15%); --j-list-item__background--hover: rgb(var(--jc-color-pure-white-rgb), 15%); --j-list-item__border-left--active: 4px solid rgb(var(--jc-color-pure-white-rgb), 40%); --j-list-item__font-family: var(--font-family); --j-list-item__padding: var(--jc-space-8); --j-list-item__color: var(--color--text-secondary); --j-list-item__font-weight: var(--jc-font-weight-regular); --j-list-item__content__font-size: var(--jc-font-size-14); --j-list-item__content__line-height: var(--jc-font-size-16); --j-list-item__label__color: var(--jc-color-pure-white); --j-list-item__label__font-weight: var(--jc-font-weight-bold); --j-list-item__meta-text__font-size: var(--jc-font-size-10); --j-list-item__secondary-action__gap: var(--jc-space-8); } /* JMessageBubble */ :root { /** Naming Schema: --____------ */ --j-message-bubble__font-size: var(--jc-font-size-14); --j-message-bubble__line-height: var(--jc-font-size-21); --j-message-bubble__font-family: var(--font-family); --j-message-bubble__font-weight: var(--jc-font-weight-regular); --j-message-bubble__gap: var(--jc-space-4); --j-message-bubble__--avatar-space: var(--jc-space-4); --j-message-bubble__--avatar-size: var(--jc-size-24); --j-message-bubble__--bubble-tip-width: var(--jc-size-16); --j-message-bubble__color: var(--color--text); --j-message-bubble__background-color: var(--background-color--highlight); --j-message-bubble__border-radius: var(--jc-radius-16); --j-message-bubble__padding: var(--jc-space-8) var(--jc-space-16); --j-message-bubble__bubble__gap: var(--jc-space-8); --j-message-bubble__light__background-color: var(--jc-color-silky-shadow); --j-message-bubble__gradient-blue__background: linear-gradient( 135deg, rgb(10 77 120) 0%, rgb(94 0 47) 100% ); --j-message-bubble__white__background-color: var(--jc-color-pure-white); --j-message-bubble__white__color: var(--jc-color-grey-highlight); --j-message-bubble__white__footer__color: var(--jc-color-grey-highlight); --j-message-bubble__header__gap: var(--jc-space-4); --j-message-bubble__header__font-weight: var(--jc-font-weight-bold); --j-message-bubble__header_color: var(--jc-color-pure-white); --j-message-bubble__special__border-top: var(--jc-color-ghostgrey); --j-message-bubble__special__padding-top: var(--jc-space-16); --j-message-bubble__special__margin-top: var(--jc-space-8); --j-message-bubble__left__likebar__padding-left--calc: var(--jc-space-16); --j-message-bubble__media__border-radius: var(--jc-radius-8); --j-message-bubble__special__media__margin-bottom: var(--jc-space-8); --j-message-bubble__footer__gap: var(--jc-space-4); --j-message-bubble__footer__padding-top: var(--jc-space-16); --j-message-bubble__footer__font-size: var(--jc-font-size-10); --j-message-bubble__footer__line-height: var(--jc-line-height-16); --j-message-bubble__footer__color: var(--jc-color-ghostgrey); --j-message-bubble__footer__button__padding: 0 0 0 var(--jc-space-4); --j-message-bubble__footer__button__width: var(--jc-size-16); --j-message-bubble__footer__button__height: var(--jc-size-16); --j-message-bubble__footer__status__color: var(--jc-color-ghostgrey); --j-message-bubble__footer__status__color--read: var(--jc-color-fresh-green); --j-message-bubble__likebar__padding-left: var(--jc-space-16); --j-message-bubble__likebar__color: var(--jc-color-silvergrey); --j-message-bubble__likebar__button__color: var(--jc-color-silvergrey); --j-message-bubble__likebar__button__color--active: var( --jc-color-red-passion ); --j-message-bubble__quote__media__margin-top: var(--jc-space-8); --j-message-bubble__special__gap: var(--jc-space-16); --j-message-bubble__quote__margin-top: var(--jc-space-8); --j-message-bubble__media__special__border-top: 1px solid var(--jc-color-ghostgrey); --j-message-bubble__media__special__padding-top: var(--jc-space-16); --j-message-bubble__cta__margin-top: var(--jc-space-8); } /* JMessageBubbleQuote */ :root { /** Naming Schema: --____------ */ --j-message-bubble-quote__background: rgba( var(--jc-color-black-mystery--rgb), 0.5 ); --j-message-bubble-quote__background--hover: rgba( var(--jc-color-black-shadow--rgb), 0.5 ); --j-message-bubble-quote__white__background: rgba( var(--jc-color-silvergrey-rgb), 0.75 ); --j-message-bubble-quote__white__background--hover: rgba( var(--jc-color-ghostgrey--rgb), 0.75 ); --j-message-bubble-quote__content__padding-y: var(--jc-space-8); --j-message-bubble-quote__content__padding-x: var(--jc-space-12); --j-message-bubble-quote__content__gap: var(--jc-space-4); --j-message-bubble-quote__font-family: var(--font-family); --j-message-bubble-quote__font-size: var(--jc-font-size-14); --j-message-bubble-quote__line-height: var(--jc-line-height-20); --j-message-bubble-quote__color: var(--jc-color-ghostgrey); --j-message-bubble-quote__white__color: var(--jc-color-grey-highlight); --j-message-bubble-quote__min-height: calc( (2 * var(--jc-font-size-21)) + (2 * var(--jc-space-8)) + var(--jc-space-4) ); --j-message-bubble-quote__border-left: 3px solid var(--jc-color-silky-grey); --j-message-bubble-quote__border-radius: var(--jc-radius-16); --j-message-bubble-quote__dark_magenta__border-color: var( --jc-color-dark-magenta ); --j-message-bubble-quote__media__width: var(--jc-size-76); --j-message-bubble-quote__header__color: var(--jc-color-silvergrey); --j-message-bubble-quote__white__header__color: var( --j-message-bubble-quote__white__color ); --j-message-bubble-quote__icon__height: var(--jc-font-size-14); --j-message-bubble-quote__icon__color: var(--jc-color-silvergrey); --j-message-bubble-quote__icon__path__fill: var(--jc-color-ghostgrey); } /* JPageHeader */ :root { /** Naming Schema: --____------ */ --j-page-header__upper__margin: var(--jc-space-4) 0; --j-page-header__upper__options__gap: var(--jc-space-8); --j-page-header__upper__options__padding-top: var(--jc-space-4); --j-page-header__upper__options__max-height: 36px; --j-page-header__title__font-weight: var(--jc-font-weight-bold); --j-page-header__title__font-size: var(--jc-font-size-21); --j-page-header__title__color: var(--color--text); --j-page-header__title__font-family: var(--font-family); --j-page-header__title__h1__line-height: var(--jc-line-height-28); --j-page-header__title__h1__margin: 0 0 var(--jc-space-8) 0; --j-page-header__line-height: var(--jc-size-24); --j-page-header__text__font-size: var(--jc-font-size-14); --j-page-header__options__height: var(--jc-size-44); --j-page-header__options__padding-left: var(--jc-space-8); --j-page-header__content__text-color: var(--color--text); --j-page-header__content__margin-bottom: var(--jc-space-16); --j-page-header__content__font-family: var(--font-family); --j-page-header__content__pills__margin-top: var(--jc-space-16); --j-page-header__breadcrumb__padding-top: var(--jc-space-4); --j-page-header__breadcrumb__margin-bottom: var(--jc-space-4); } /* JPagination */ :root { /** Naming Schema: --____------ */ --j-pagination__gap: var(--jc-space-8); --j-pagination__svg__margin-left: var(--jc-space-8); --j-pagination__jbutton__svg__fill: var(--jc-color-silvergrey); --j-pagination__select__background: var(--background-color--surface); --j-pagination__select__background--hover: var(--jc-color-silky-grey); --j-pagination__select__border-radius: var(--jc-radius-8); --j-pagination__select__color: var(--color--text-secondary); --j-pagination__context-menu-item__fill: var(--jc-color-silvergrey); --j-pagination__context-menu-item__margin-right: var(--jc-space-4); --j-pagination__loader__svg__fill: var(--jc-color-pure-white); } /* JToast */ :root { /** Naming Schema: --____------ */ --j-toast__background: var(--jc-color-white-delight); --j-toast__color: var(--jc-color-black-mystery); --j-toast__border-radius: var(--jc-radius-8); --j-toast__box-shadow: var(--box-shadow--44); --j-toast__font-size: var(--jc-font-size-14); --j-toast__font-family: var(--font-family); --j-toast__transition: all var(--transition--base--linear--fast); --j-toast__j-control-button__border-radius: var(--jc-radius-24); --j-toast__j-control-button__transition: var(--transition--background-color), var(--transition--color); --j-toast__j-control-button__background-color--hover: rgb( var(--jc-color-silvergrey-rgb), 30% ); --j-toast__j-control-button__j-icon__color: var(--jc-color-silky-shadow); --j-toast__bottom: var(--jc-space-32); --j-toast__fade-out__bottom: var(--j-toast__bottom); --j-toast__active__bottom: var(--j-toast__bottom); --j-toast__slidein__bottom: var(--j-toast__bottom); --j-toast__outer-spacing: var(--jc-space-32); --j-toast__span__padding: var(--jc-space-12) var(--jc-space-16) var(--jc-space-16) var(--jc-space-16); --j-toast__link__font-size: var(--jc-font-size-14); --j-toast__link__padding: var(--jc-space-12) 0 var(--jc-space-16); --j-toast__wrapper__gap: var(--jc-space-12); --j-toast__wrapper__padding-right: var(--jc-space-4); --j-toast__duration-bar__color__background-color: var(--jc-color-fresh-green); --j-toast__duration-bar__bg__background-color: var(--jc-color-silvergrey); --j-toast__duration-bar__background-color: var(--jc-color-white-delight); --j-toast__duration-bar__border-bottom-left-radius: var(--jc-radius-8); --j-toast__duration-bar__border-bottom-right-radius: var(--jc-radius-8); } /* JUnorderedList */ :root { /** Naming Schema: --____------ */ --j-unordered-list__margin-block-start: var(--jc-space-16); --j-unordered-list__padding-inline-start: var(--jc-space-12); --j-unordered-list__footnote__margin-block-start: var(--jc-space-12); --j-unordered-list__default__color: var(--color--text); --j-unordered-list__small__color: var(--color--text-secondary); --j-unordered-list__small__font: var(--font--text-info); --j-unordered-list__small__margin-block-end: var(--jc-space-12); --j-unordered-list__small__title__font: var(--font--text-footnote); --j-unordered-list__footnote__color: var(--color--text-footnote); --j-unordered-list__footnote__title-slot__font: var(--font--text-footnote); --j-unordered-list__secondary__color: var(--color--text-secondary); --j-unordered-list__secondary__title-slot__font: var(--font--h4); --j-unordered-list__secondary__font: var(--font--label); --j-unordered-list__secondary__title__font: var(--font--h4); --j-unordered-list__secondary__title__margin-block-end: var(--jc-space-8); } /* JCustomUnorderedListItem styles */ /* JCustomUnorderedList styles */ /* JNavbar styles */ /* JBottomSheet styles */ /* JOverlay styles */ /* JModal styles */ /* JEmptyState styles */ /* JExpandableContentBox styles */ /* JGrowl styles */ /* JGrowlContainer styles */ /* JHorizontalScrollList styles */ /* JInfobox styles */ /* JList styles */ /* JListItem styles */ /* JMessageBubble styles */ /* JMessageBubbleQuote styles */ /* JPageHeader styles */ /* JPagination styles */ /* JToast styles */ /* JCustomUnorderedList styles */ /* JFormMixinDropdown */ :root { --j-form-dropdown__border-color: var(--border-color--context-menu); --j-form-dropdown__background-color: var(--background-color--context-menu); --j-form-dropdown__padding: var(--jc-space-8); --j-form-dropdown__gap: var(--jc-space-4); --j-form-dropdown__transition-visibility: visibility var(--transition--base--linear--fast); --j-form-dropdown__transition-opacity: opacity var(--transition--base--linear--fast); } /* JFormMixinInput */ :root { --j-form-input__font-family: var(--jc-font-family); --j-form-input__label__font-size: var(--jc-size-16); --j-form-input__messages__font-size: var(--jc-font-size-12); --j-form-input__font-size: var(--jc-font-size-16); --j-form-input__line-height: var(--jc-line-height-20); --j-form-input__height: var(--jc-size-52); --j-form-input__space: var(--jc-space-8); --j-form-input__margin-top: var(--jc-space-16); --j-form-input__padding: var(--jc-space-16); --j-form-input__messages__padding: var(--jc-space-4) var(--jc-space-16); --j-form-input__label__top: var(--jc-space-16); --j-form-input__clear-button__dimension: var(--jc-space-32); --j-form-input__border-radius: 6px; --j-form-input__message__border-radius: var(--jc-radius-8); --j-form-input__border-color: var(--border-color--form-element); --j-form-input__border-color--focused: var( --border-color--form-element--focus ); --j-form-input__background-color: var(--background-color--surface); --j-form-input__success__background-color: var(--jc-color-fresh-green); --j-form-input__error__background-color: var(--color--error); --j-form-input__label__color: var(--color--text-secondary); --j-form-input__prepend-inner__color: var(--color--text-secondary); --j-form-input__button__icon__color: var(--jc-color-silvergrey); --j-form-input__button__icon__color--hover: var(--jc-color-pure-white); --j-form-input__input__color: var(--color--text); --j-form-input__color: var(--color--text); --j-form-input__messages__color: var(--color--text-secondary); --j-form-input__placeholder__color: var(--color--meta); --j-form-input__error__border: 1px solid var(--border-color--form-element--error); --j-form-input__success__border: 1px solid var(--jc-color-fresh-green); --j-form-input__error-text__color: var(--jc-color-pure-white); --j-form-input__opacity--disabled: 0.5; --j-form-input__opacity--readonly: 0.5; --j-form-input__transition: border var(--transition--base--linear--fast); --j-form-input__label__transition: all var(--transition--base--linear--fast); } /* JActiveSearch */ :root { --j-active-search__gap: var(--jc-space-8); --j-active-search__button__height: var(--jc-space-32); --j-active-search__icon__height: var(--jc-space-16); --j-active-search__height: var(--jc-size-44); --j-active-search__height--primary: var(--jc-size-52); --j-active-search__padding: 0 var(--jc-space-16); --j-active-search__font: var(--font-family); --j-active-search__font-size: var(--jc-font-size-16); --j-active-search__line-height: var(--jc-line-height-20); --j-active-search__border-radius: var(--jc-radius-8); --j-active-search__transition: border var(--transition--base--linear); --j-active-search__opacity: 0.5; --j-active-search__background-color: var(--background-color--surface); --j-active-search__color--disabled: var(--color--meta); --j-active-search__border-color--primary: var(--color--secondary-action); --j-active-search__border-color--focus: var(--color--text-secondary); --j-active-search__color--focus: var(--color--text-secondary); --j-active-search__input__color: var(--jc-color-silvergrey); --j-active-search__input__color--disabled: var(--color--meta); --j-active-search__svg__color: var(--color--meta); --j-active-search__icon__fill: var(--color--secondary-action--stroke); --j-active-search__icon__fill--hover: var(--jc-color-silvergrey); --j-active-search__svg__fill--disabled: var(--color--meta); } /* JBAsicSearch */ :root { --j-basic-search__gap: var(--jc-space-8); --j-basic-search__list__gap: var(--jc-space-4); --j-basic-search__border-radius: var(--jc-radius-8); --j-basic-search__border-radius--focused: var(--jc-radius-4); --j-basic-search__list__margin: var(--jc-space-4, 4px) 0 0 0; --j-basic-search__list__padding: var(--jc-space-8); --j-basic-search__padding: 0 0 0 var(--jc-space-16); --j-basic-search__padding-primary: 0 var(--jc-space-4) 0 var(--jc-space-16); --j-basic-search__height: var(--jc-size-44); --j-basic-search__width: var(--jc-size-44); --j-basic-search__height--primary: var(--jc-size-52); --j-basic-search__border--primary: 1px solid var(--color--secondary-action--stroke); --j-basic-search__list__border-radius: var(--jc-radius-8); --j-basic-search__transition: border var(--transition--base--linear); --j-basic-search__list__transition: background-color var(--transition--base--linear--fast); --j-basic-search__font-size: var(--jc-font-size-16); --j-basic-search__font-family: var(--font-family); --j-basic-search__line-height: var(--jc-line-height-20); --j-basic-search__input__line-height: var(--j-basic-search__font-size); --j-basic-search__background-color: var(--background-color--surface); --j-basic-search__list__background-color--highlight: var( --background-color--highlight ); --j-basic-search__border-color--focus: var(--color--text); --j-basic-search__color: var(--color--text); --j-basic-search__list__border-color: var(--background-color--highlight); --j-basic-search__list__color: var(--color--text); --j-basic-search__svg__dimension: var(--jc-size-16); --j-basic-search__svg__fill: var(--jc-color-pure-white); } /* JFilterCheckbox */ :root { --j-filter-checkbox__font-family: var(--font-family); --j-filter-checkbox__border-radius: var(--jc-radius-8); --j-filter-checkbox__sheet__header__border-radius: var(--jc-radius-24); --j-filter-checkbox__item-container__border-radius: var(--jc-radius-24); --j-filter-checkbox__padding: var(--jc-space-16); --j-filter-checkbox__item-container__padding: var(--jc-space-8); --j-filter-checkbox__label__max-height: var(--jc-size-32); --j-filter-checkbox__item-container__min-height: var(--jc-size-32); --j-filter-checkbox__label__line-height: var(--jc-size-24); --j-filter-checkbox__values__margin: 0 var(--jc-space-8) 0 var(--jc-space-24); --j-filter-checkbox__sheet__header__margin-bottom: var(--jc-space-12); --j-filter-checkbox__icon__dimension: var(--jc-size-44); --j-filter-checkbox__svg__dimension: var(--jc-size-16); --j-filter-checkbox__container-box__border-radius: var(--jc-radius-24); --j-filter-checkbox__font-size: var(--jc-font-size-14); --j-filter-checkbox__title__font-size: var(--jc-font-size-16); --j-filter-checkbox__values__font-size: var(--jc-font-size-12); --j-filter-checkbox__line-height: var(--j-filter-checkbox__font-size); --j-filter-checkbox__background-color: var(--background-color--surface); --j-filter-checkbox__item-container__background-color: var( --background-color--highlight ); --j-filter-checkbox__color: var(--jc-color-pure-white); --j-filter-checkbox__slotted-svg__fill: var(--jc-color-pure-white); --j-filter-checkbox__values__color: var(--color--meta); --j-filter-checkbox__checkbox__color--hover: var( --background-color--highlight ); --j-filter-checkbox__svg__fill: var(--color--text-secondary); --j-filter-checkbox__values__color--filled: var(--color--text); --j-filter-checkbox__border-color--active: var(--background-color--highlight); --j-filter-checkbox__transition: all var(--transition--base--linear--fast); --j-filter-checkbox__base__svg__transition: transform var(--transition--base--linear--fast); --j-filter-checkbox__close_icon__transition: all var(--transition--base--linear); --j-filter-checkbox__item-container__box__transition-z-index: z-index var(--transition--base--linear--fast); --j-filter-checkbox__item-container__box__transition-background-color: var( --transition--background-color--fast ); --j-filter-checkbox__item-container__box__transition-opacity: var( --transition--opacity--fast ); --j-filter-checkbox__item-container__transition-transform: transform var(--transition--base--linear--fast); --j-filter-checkbox__item-container__transition-opacity: var( --transition--opacity--fast ); --j-filter-checkbox__item-container__transition-visibility: visibility var(--transition--base--linear--fast); } /* JFormCheckbox */ :root { --j-form-checkbox__gap: var(--jc-space-8); --j-form-checkbox__label__gap: var(--jc-space-8); --j-form-checkbox__min-height: var(--jc-space-32); --j-form-checkbox__min-width: var(--jc-space-32); --j-form-checkbox__icon__dimension: var(--jc-font-size-16); --j-form-checkbox__checkbox__border-radius: var(--jc-space-4); --j-form-checkbox__background__border-radius: var(--jc-space-8); --j-form-checkbox__background__height: var(--jc-size-52); --j-form-checkbox__background__padding: 0 var(--jc-space-16); --j-form-checkbox__background__background-color: var( --background-color--surface ); --j-form-checkbox__font-size: var(--jc-font-size-16); --j-form-checkbox__hint__font-size: var(--jc-font-size-12); --j-form-checkbox__label__font-size: var(--jc-font-size-16); --j-form-checkbox__line-height: var(--jc-font-size-16); --j-form-checkbox__label__line-height: var(--jc-font-size-16); --j-form-checkbox__font-family: var(--jc-font-family); --j-form-checkbox__color: var(--color--text); --j-form-checkbox__hint__color: var(--color--text-info); --j-form-checkbox__hint__padding: var(--jc-space-4) 0 var(--jc-space-8) 0; --j-form-checkbox__background__hint__padding: var(--jc-space-8) var(--jc-space-16); --j-form-checkbox__checkbox__border: 1px solid var(--border-color--form-element); --j-form-checkbox__checkbox__border-color--error: var( --border-color--form-element--error ); --j-form-checkbox__checkbox__background-color: var( --background-color--surface ); --j-form-checkbox__checkbox__background-color--checked: var(--color--accent); --j-form-checkbox__svg__fill: var(--jc-color-pure-white); --j-form-checkbox__checkbox__border-color--checked: var(--color--accent); --j-form-checkbox__checkbox__transition: border var(--transition--base--linear--fast); --j-form-checkbox__error__background-color: var(--color--error); --j-form-checkbox__error__border-radius: var(--jc-radius-8); --j-form-checkbox__error__color: var(--jc-color-pure-white); --j-form-checkbox__error__margin: var(--jc-space-4) 0; --j-form-checkbox__error__font-size: var(--j-form-checkbox__hint__font-size); --j-form-checkbox__error__padding: var(--jc-space-4) var(--jc-space-16); } /* JFormDatepicker */ :root { --j-form-datepicker__font-family: var(--jc-font-family); --j-form-datepicker__height: var(--jc-size-52); --j-form-datepicker__padding: 0 var(--jc-space-16); --j-form-datepicker__margin: 0 0 0 var(--jc-space-8); --j-form-datepicker__transition: border var(--transition--base--linear); --j-form-datepicker__border-color: var(--color--secondary-action); --j-form-datepicker__icon__--svg-element__color: var(--jc-color-pure-white); --j-form-datepicker__background-color: var(--background-color--surface); } /* JFormRadio */ :root { --j-form-radio__gap: var(--jc-space-8); --j-form-radio__line-height: var(--jc-line-height-20); --j-form-radio__min-height: var(--jc-space-32); --j-form-radio__min-width: var(--jc-space-32); --j-form-radio__height: var(--jc-space-16); --j-form-radio__indicator__height: var(--jc-space-16); --j-form-radio__indicator__border-radius: 50%; --j-form-radio__border: var(--jc-space-4) solid var(--color--primary-action); --j-form-radio__font-family: var(--jc-font-family); --j-form-radio__font-size: var(--jc-font-size-16); --j-form-radio__color: var(--color--text); --j-form-radio__indicator__background-color: white; --j-form-radio__indicator__background-color--not-checked: var( --background-color--surface, var(--color--meta) ); --j-form-radio__indicator__border--not-checked: 1px solid #707070; --j-form-radio__indicator__transition: border var(--transition--base--linear--fast); } /* JFormRadiogroup */ :root { --j-form-radiogroup__font-family: var(--jc-font-family); --j-form-radiogroup__gap: var(--jc-space-4); --j-form-radiogroup__border-radius: var(--jc-radius-8); --j-form-radiogroup__padding: var(--jc-space-8) var(--jc-space-12); --j-form-radiogroup__background-color: var(--background-color--surface); --j-form-radiogroup__border-color: var(--jc-color-ghostgrey); --j-form-radiogroup__color: var(--color--text-secondary); --j-form-radiogroup__border-color--error: var(--color--error); --j-form-radiogroup__details__padding: var(--jc-space-4) var(--jc-space-16); --j-form-radiogroup__error__padding: var(--jc-space-4) var(--jc-space-16); --j-form-radiogroup__details__font-size: var(--jc-font-size-12); --j-form-radiogroup__details__line-height: var(--jc-line-height-16); --j-form-radiogroup__details__margin: var(--jc-space-4) 0; --j-form-radiogroup__details__min-height: var(--jc-size-24); --j-form-radiogroup__details__background-color: var(--color--error); --j-form-radiogroup__error__color: var(--jc-color-pure-white); --j-form-radiogroup__details__color: var(--color--text-secondary); --j-form-radiogroup__span__color: var(--color--text-secondary); --j-form-radiogroup__span__font-size: var(--jc-font-size-12); } /* JFormSelect */ :root { --j-form-select__padding: var(--jc-space-8) 0; --j-form-select__margin: var(--jc-space-16) 0 0 0; --j-form-select__font-size: var(--jc-font-size-16); --j-form-select__gap: var(--jc-space-4, 4px); --j-form-select__option__padding: var(--jc-space-8) 0 var(--jc-space-8) var(--jc-space-8); --j-form-select__option__margin: 0 calc(-1 * var(--jc-space-8)); --j-form-select__option__background-color--hover: var( --background-color--highlight ); --j-form-select__option__background-color--active: var(--jc-color-silky-grey); --j-form-select__option__border-radius: var(--jc-radius-4); --j-form-select__option__line-height: var(--jc-line-height-20); --j-form-select__option__description__font-size: var(--jc-font-size-12); --j-form-select__option__description__color: var(--color--text-secondary); --j-form-select__chevron__transiton: transform var(--transition--base--linear--fast); } /* JFormTextArea */ :root { --j-form-text-area__margin-top: var(--jc-size-24); --j-form-text-area__padding-bottom: var(--jc-space-8); --j-form-text-area__padding-bottom--counter: var(--jc-space-24); --j-form-text-area__input__append-inner__margin-top: var(--jc-space-24); --j-form-text-area__input__empty-label__margin-top: var(--jc-space-16); --j-form-text-area__counter__bottom: var(--jc-space-8); --j-form-text-area__counter__right: var(--jc-space-16); --j-form-text-area__counter__font-size: var(--jc-font-size-10); --j-form-text-area__counter__color: var(--color--meta); --j-form-text-area__font-size: var(--jc-font-size-16); --j-form-text-area__line-height: var(--jc-line-height-24); --j-form-text-area__font-family: var(--jc-font-family); --j-form-text-area__text-area-scrollbar-track__background-color: var( ---webkit-scrollbar-track__background-color__surface ); } /* JFormTextField */ :root { --j-form-time-picker__font-family: var(--jc-font-family); --j-form-time-picker__height: var(--jc-size-52); --j-form-time-picker__padding: var(--jc-space-16); --j-form-time-picker__icon__margin: 0 0 0 var(--jc-space-8); --j-form-time-picker__transition: border var(--transition--base--linear); --j-form-time-picker__border-color: var(--color--secondary-action); --j-form-time-picker__background-color: var(--background-color--surface); --j-form-time-picker__icon__--svg-element__color: var(--jc-color-pure-white); } /* Dropdown styles */ /* Input styles */ /* JActive styles */ /* JBasicSearch styles */ /* JFilterCheckbox styles */ /* JFormCheckbox styles */ /* JFormDatepicker styles */ /* JFormRadio styles */ /* JFormRadiogroup styles */ /* JFormSelect styles */ /* JFormTextArea styles */ /* JformTimePicker styles */ /* JSettingAutocomplete */ :root { --j-setting-autocomplete__min-width: 300px; --j-setting-autocomplete__min-height: var(--jc-size-32); --j-setting-autocomplete__item-container__min-height: var(--jc-size-44); --j-setting-autocomplete__item-container__max-height: 210px; --j-setting-autocomplete__scrollbar-gutter: var(--scrollbar-gutter__surface); --j-setting-autocomplete__inner-container__svg__dimension: 14px; --j-setting-autocomplete__inner-container__svg__fill: var( --jc-color-silvergrey ); --j-setting-autocomplete__inner-container__svg__transition: transform var(--transition--base--linear--fast); --j-setting-autocomplete__dropdown-container__padding: var(--jc-space-4) var(--jc-space-4); --j-setting-autocomplete__dropdown-container__box-shadow: var( --box-shadow--24 ); --j-setting-autocomplete__dropdown-container__border: 1px solid var(--jc-color-ghostgrey); --j-setting-autocomplete__dropdown-container__border-radius: var( --jc-space-8 ); --j-setting-autocomplete__dropdown-container__background: var( --background-color--surface ); --j-setting-autocomplete__dropdown-container__transition: all var(--transition--base--linear--fast); --j-setting-autocomplete__dropdown-container__top: 56px; --j-setting-autocomplete__dropdown-container__right: 0; --j-setting-autocomplete__dropdown-container__gap: var(--jc-space-4); --j-setting-autocomplete__dropdown-container__scrollbar-color: var( --scrollbar-color__surface ); --j-setting-autocomplete__item-container__scrollbar-color: var( --scrollbar-color__surface ); --j-setting-autocomplete__item-container__-webkit-scrollbar__width: 10px; --j-setting-autocomplete__item-container__-webkit-scrollbar-track__background-color: var( ---webkit-scrollbar-track__background-color__surface ); --j-setting-autocomplete__item-container__-webkit-scrollbar-track__border-radius: 100px; --j-setting-autocomplete__item-container__-webkit-scrollbar-thumb__border-radius: 100px; --j-setting-autocomplete__item-container__-webkit-scrollbar-thumb__border: var( ---webkit-scrollbar-thumb__border__surface ); --j-setting-autocomplete__item-container__-webkit-scrollbar-thumb__background-color: var( --jc-color-grey-highlight ); --j-setting-autocomplete__dropdown-item__padding: 6px var(--jc-space-8); --j-setting-autocomplete__dropdown-item__border-radius: var(--jc-radius-4); --j-setting-autocomplete__dropdown-item__color: var(--jc-color-white-delight); --j-setting-autocomplete__dropdown-item__font-size: var(--jc-font-size-14); --j-setting-autocomplete__dropdown-item__line-height: var( --jc-line-height-20 ); --j-setting-autocomplete__dropdown-item__gap: var(--jc-space-4); --j-setting-autocomplete__dropdown-item-title__font-size: var( --jc-font-size-16 ); --j-setting-autocomplete__dropdown-item-title__line-height: 19px; --j-setting-autocomplete__dropdown-item-subtitle__font-size: var( --jc-font-size-12 ); --j-setting-autocomplete__dropdown-item-subtitle__line-height: var( --jc-line-height-16 ); --j-setting-autocomplete__dropdown-item-subtitle__color: var( --color--text-secondary ); --j-setting-autocomplete__dropdown-item-icon__padding-top: var(--jc-space-4); --j-setting-autocomplete__dropdown-item-icon__margin-right: var(--jc-space-4); --j-setting-autocomplete__loading-indicator__padding: var(--jc-space-12); --j-setting-autocomplete__loading-indicator__svg__fill: var( --jc-color-pure-white ); --j-setting-autocomplete__loading-indicator__svg__dimension: 16px; --j-setting-autocomplete__loading-indicator__svg__animation: rotating 1000ms infinite ease; --j-setting-autocomplete__dropdown-item__description__font-size: var( --jc-font-size-12 ); --j-setting-autocomplete__dropdown-item__description__color: var( --color--text-secondary ); --j-setting-autocomplete__dropdown-item__background--active: var( --background-color--highlight ); --j-setting-autocomplete__dropdown-item__opacity--disabled: 0.5; --j-setting-autocomplete__main-container__inner-container__svg__fill: var( --jc-color-pure-white ); --j-setting-autocomplete__dropdown-with-description__top: 46px; --j-setting-autocomplete__overlay-container__top--open: 0; --j-setting-autocomplete__overlay-container__left--open: 0; --j-setting-autocomplete__overlay-container__min-width--open: 100vw; --j-setting-autocomplete__overlay-container__min-height--open: 100vh; --j-setting-autocomplete__overlay-container__background--open: rgba( var(--jc-color-pure-white-rgb), 0.4 ); --j-setting-autocomplete__bottom-sheet-container__min-width: 100vw; --j-setting-autocomplete__bottom-sheet-container__left: 0; --j-setting-autocomplete__bottom-sheet-container__background: #111314bf; --j-setting-autocomplete__bottom-sheet-container__backdrop-filter: var( --backdrop-filter--10 ); --j-setting-autocomplete__bottom-sheet-container__-webkit-backdrop-filter: blur( 10px ); --j-setting-autocomplete__bottom-sheet-container__padding-top: var( --jc-space-8 ); --j-setting-autocomplete__bottom-sheet-container__opacity: 0; --j-setting-autocomplete__bottom-sheet-container__transition: z-index var(--transition--base--linear--fast), var(--transition--background-color--fast), opacity var(--transition--base--linear--fast); --j-setting-autocomplete__bottom-sheet-container__border-top-left-radius: 0; --j-setting-autocomplete__bottom-sheet-container__border-top-right-radius: 0; --j-setting-autocomplete__bottom-sheet-container__border: 0; --j-setting-autocomplete__bottom-sheet__background: var( --background-color--surface ); --j-setting-autocomplete__bottom-sheet__min-height: 50px; --j-setting-autocomplete__bottom-sheet__padding: 20px; --j-setting-autocomplete__bottom-sheet__min-width: 100%; --j-setting-autocomplete__bottom-sheet__border-radius: var(--jc-radius-24) var(--jc-radius-24) 0 0; --j-setting-autocomplete__bottom-sheet__bottom: 0; --j-setting-autocomplete__bottom-sheet__left: 0; --j-setting-autocomplete__bottom-sheet-header__border-top-left-radius: var( --jc-radius-24 ); --j-setting-autocomplete__bottom-sheet-header__border-top-right-radius: var( --jc-radius-24 ); --j-setting-autocomplete__bottom-sheet-header__height: var(--jc-size-44); --j-setting-autocomplete__bottom-sheet-header__margin-bottom: var( --jc-space-8 ); --j-setting-autocomplete__bottom-sheet-header__padding: 0 var(--jc-space-8); --j-setting-autocomplete__bottom-sheet-header-title__font-size: var( --jc-font-size-18 ); --j-setting-autocomplete__bottom-sheet-header-title__line-height: 24px; --j-setting-autocomplete__bottom-sheet-header-title__color: var( --color--text ); --j-setting-autocomplete__bottom-sheet-header-button__width: var( --jc-size-44 ); --j-setting-autocomplete__bottom-sheet-header-button__height: var( --jc-size-44 ); --j-setting-autocomplete__bottom-sheet-header-button__border-radius: var( --jc-radius-8 ); --j-setting-autocomplete__bottom-sheet-header-button__transition: all var(--transition--base--linear); --j-setting-autocomplete__bottom-sheet-header-button__fill: var( --jc-color-ghostgrey ); --j-setting-autocomplete__dropdown-item__padding--mobile: 12px var(--jc-space-8); --j-setting-autocomplete__bottom-sheet-header-button__background-color: var( --background-color--highlight ); --j-setting-autocomplete__bottom-sheet-header-button__fill--hover: var( --jc-color-pure-white ); --j-setting-autocomplete__bottom-sheet-header-button__dimension: var( --jc-size-16 ); --j-setting-autocomplete__radio__width: 20px; --j-setting-autocomplete__radio__height: 20px; --j-setting-autocomplete__radio__border: 1px solid var(--jc-color-ghostgrey); --j-setting-autocomplete__radio__background: var(--jc-color-black-mystery); --j-setting-autocomplete__radio__border-radius: 100%; --j-setting-autocomplete__radio__background--active: var( --jc-color-pure-white ); --j-setting-autocomplete__radio__border--active: 5px solid var(--jc-color-red-passion); --j-setting-autocomplete__bottom-sheet-input__padding: var(--jc-space-4) var(--jc-space-4); --j-setting-autocomplete__empty-message__padding: 6px var(--jc-space-8); --j-setting-autocomplete__empty-message__color: var(--color--text-secondary); --j-setting-autocomplete__empty-message__font-size: var(--jc-font-size-14); --j-setting-autocomplete__empty-message__line-height: var( --jc-line-height-20 ); } /* JSettingCheckbox */ :root { --j-setting-checkbox__j-form-checkbox__margin-right: -6px; } /* JSettingContainer */ :root { --j-setting-container__width: 100%; --j-setting-container__background: var(--background-color--surface); --j-setting-container__border-radius: var(--jc-radius-8); --j-setting-container__padding: 0; } /* JSettingMultiSelect */ :root { --j-setting-multi-select__inner-container__svg__dimension: 14px; --j-setting-multi-select__inner-container__svg__fill: var( --jc-color-silvergrey ); --j-setting-multi-select__inner-container__svg__transition: transform var(--transition--base--linear--fast); --j-setting-multi-select__inner-container__svg__transition--open: transform var(--transition--base--linear--fast); --j-setting-multi-select__dropdown-container__padding: var(--jc-space-4) var(--jc-space-4); --j-setting-multi-select__dropdown-container__box-shadow: var( --box-shadow--24 ); --j-setting-multi-select__dropdown-container__border: 1px solid var(--jc-color-ghostgrey); --j-setting-multi-select__dropdown-container__border-radius: var( --jc-space-8 ); --j-setting-multi-select__dropdown-container__background: var( --background-color--surface ); --j-setting-multi-select__dropdown-container__transition: all var(--transition--base--linear--fast); --j-setting-multi-select__dropdown-container__min-height: var(--jc-space-32); --j-setting-multi-select__dropdown-container__min-width: 125px; --j-setting-multi-select__dropdown-container__max-width: 100%; --j-setting-multi-select__dropdown-container__max-height: max-content; --j-setting-multi-select__dropdown-container__top: 56px; --j-setting-multi-select__dropdown-container__right: 0; --j-setting-multi-select__dropdown-container__gap: var(--jc-space-4); --j-setting-multi-select__dropdown-container__scrollbar-gutter: var( --scrollbar-gutter__surface ); --j-setting-multi-select__dropdown-container__scrollbar-color: var( --scrollbar-color__surface ); --j-setting-multi-select__dropdown-item__padding: 6px var(--jc-space-8); --j-setting-multi-select__dropdown-item__border-radius: var(--jc-radius-4); --j-setting-multi-select__dropdown-item__color: var(--jc-color-white-delight); --j-setting-multi-select__dropdown-item__font-size: var(--jc-font-size-14); --j-setting-multi-select__dropdown-item__line-height: var( --jc-line-height-20 ); --j-setting-multi-select__dropdown-item__gap: var(--jc-space-4); --j-setting-multi-select__dropdown-item__description__font-size: var( --jc-font-size-12 ); --j-setting-multi-select__dropdown-item__description__color: var( --color--text-secondary ); --j-setting-multi-select__dropdown-item__opacity--active: 0.5; --j-setting-multi-select__main-container__inner-container__svg__fill: var( --jc-color-pure-white ); --j-setting-multi-select__dropdown-with-description__top: 46px; --j-setting-multi-select__overlay-container__top--open: 0; --j-setting-multi-select__overlay-container__left--open: 0; --j-setting-multi-select__overlay-container__min-width--open: 100vw; --j-setting-multi-select__overlay-container__min-height--open: 100vh; --j-setting-multi-select__overlay-container__background--open: rgba( var(--jc-color-pure-white-rgb), 0.4 ); --j-setting-multi-select__bottom-sheet-container__width: 100vw; --j-setting-multi-select__bottom-sheet-container__min-height: 100dvh; --j-setting-multi-select__bottom-sheet-container__max-height: 100lvh; --j-setting-multi-select__bottom-sheet-container__top: 0; --j-setting-multi-select__bottom-sheet-container__left: 0; --j-setting-multi-select__bottom-sheet-container__background: #111314bf; --j-setting-multi-select__bottom-sheet-container__backdrop-filter: var( --backdrop-filter--10 ); --j-setting-multi-select__bottom-sheet-container__-webkit-backdrop-filter: blur( 10px ); --j-setting-multi-select__bottom-sheet-container__padding-top: var( --jc-space-8 ); --j-setting-multi-select__bottom-sheet-container__opacity: 0; --j-setting-multi-select__bottom-sheet-container__transition: z-index var(--transition--base--linear--fast), var(--transition--background-color--fast), opacity var(--transition--base--linear--fast); --j-setting-multi-select__bottom-sheet-container__border-top-left-radius: 0; --j-setting-multi-select__bottom-sheet-container__border-top-right-radius: 0; --j-setting-multi-select__bottom-sheet-container__border: 0; --j-setting-multi-select__bottom-sheet__background: var( --background-color--surface ); --j-setting-multi-select__bottom-sheet__min-height: 50px; --j-setting-multi-select__bottom-sheet__padding: 20px; --j-setting-multi-select__bottom-sheet__min-width: 100%; --j-setting-multi-select__bottom-sheet__border-radius: var(--jc-radius-24) var(--jc-radius-24) 0 0; --j-setting-multi-select__bottom-sheet__bottom: 0; --j-setting-multi-select__bottom-sheet-header__border-top-left-radius: var( --jc-radius-24 ); --j-setting-multi-select__bottom-sheet-header__border-top-right-radius: var( --jc-radius-24 ); --j-setting-multi-select__bottom-sheet-header__height: var(--jc-size-44); --j-setting-multi-select__bottom-sheet-header__margin-bottom: var( --jc-space-8 ); --j-setting-multi-select__bottom-sheet-header__padding: 0 var(--jc-space-8); --j-setting-multi-select__bottom-sheet-header__gap: var(--jc-space-8); --j-setting-multi-select__bottom-sheet-header-title__font-size: var( --jc-font-size-18 ); --j-setting-multi-select__bottom-sheet-header-title__line-height: var( --jc-line-height-24 ); --j-setting-multi-select__bottom-sheet-header-title__color: var( --color--text ); --j-setting-multi-select__bottom-sheet-header-title__max-height: 48px; --j-setting-multi-select__bottom-sheet-header-button__dimension: var( --jc-size-44 ); --j-setting-multi-select__bottom-sheet-header-button__border-radius: var( --jc-radius-8 ); --j-setting-multi-select__bottom-sheet-header-button__transition: all var(--transition--base--linear); --j-setting-multi-select__bottom-sheet-header-button__fill: var( --jc-color-ghostgrey ); --j-setting-multi-select__dropdown-item__padding--mobile: 12px var(--jc-space-8); --j-setting-multi-select__bottom-sheet-header-button__background-color--hover: var( --jc-color-grey-highlight ); --j-setting-multi-select__bottom-sheet-header-button__fill--hover: var( --jc-color-pure-white ); --j-setting-multi-select__bottom-sheet-header-button__svg__dimension: var( --jc-size-16 ); --j-setting-multi-select__bottom-sheet__dropdown-container__max-height: 60vh; --j-setting-multi-select__radio__border: 1px solid var(--jc-color-ghostgrey); --j-setting-multi-select__radio__background: var(--jc-color-black-mystery); --j-setting-multi-select__radio__border-radius: 100%; --j-setting-multi-select__radio__background--active: var( --jc-color-pure-white ); --j-setting-multi-select__radio__border--active: 5px solid var(--jc-color-red-passion); } /* JSettingRangeSlider */ :root { --j-setting-range-slider__second-slider-knob__width: 20px; --j-setting-range-slider__second-slider-knob__height: 20px; --j-setting-range-slider__second-slider-knob__border: 2px solid transparent; --j-setting-range-slider__second-slider-knob__border-radius: 20px; --j-setting-range-slider__second-slider-knob__background: var( --jc-color-white-delight ); --j-setting-range-slider__second-slider-knob__transition: top 1500ms ease, border-bottom-color var(--transition--base--linear--fast), border-top-color var(--transition--base--linear--fast), border-left-color var(--transition--base--linear--fast), border-right-color var(--transition--base--linear--fast); --j-setting-range-slider__second-slider-knob__border--mousedown: 2px solid var(--jc-color-red-passion); } /* JSettingSelect */ :root { --j-setting-select__inner-container__svg__dimension: 14px; --j-setting-select__fill: var(--jc-color-silvergrey); --j-setting-select__transition: transform var(--transition--base--linear--fast); --j-setting-select__inner-container__svg__transition--open: transform var(--transition--base--linear--fast); --j-setting-select__dropdown-container__padding: var(--jc-space-8); --j-setting-select__dropdown-container__box-shadow: var(--box-shadow--24); --j-setting-select__dropdown-container__border: 1px solid var(--jc-color-ghostgrey); --j-setting-select__dropdown-container__border-radius: var(--jc-space-8); --j-setting-select__dropdown-container__background: var( --background-color--surface ); --j-setting-select__dropdown-container__transition: all var(--transition--base--linear--fast); --j-setting-select__dropdown-container__min-height: var(--jc-space-32); --j-setting-select__dropdown-container__min-width: 125px; --j-setting-select__dropdown-container__max-width: 100%; --j-setting-select__dropdown-container__max-height: 300px; --j-setting-select__dropdown-container__top: 56px; --j-setting-select__dropdown-container__right: 0; --j-setting-select__dropdown-container__scrollbar-gutter: var( --scrollbar-gutter__surface ); --j-setting-select__dropdown-container__scrollbar-color: var( --scrollbar-color__surface ); --j-setting-select__dropdown-container__gap: 0; --j-setting-select__dropdown-container__webkit-scrollbar__width: 10px; --j-setting-select__dropdown-container__webkit-scrollbar-thumb__background-color: var( --jc-color-grey-highlight ); --j-setting-select__open-top__bottom: 56px; --j-setting-select__dropdown-item__padding: var(--jc-space-8) 0 var(--jc-space-8) var(--jc-space-8); --j-setting-select__dropdown-item__min-height: var(--jc-space-44); --j-setting-select__dropdown-item__border-radius: var(--jc-radius-4); --j-setting-select__dropdown-item__color: var(--jc-color-white-delight); --j-setting-select__dropdown-item__font-size: var(--jc-font-size-16); --j-setting-select__dropdown-item__line-height: var(--jc-line-height-20); --j-setting-select__dropdown-item__gap: var(--jc-space-4); --j-setting-select__dropdown-item-label__gap: var(--jc-space-8); --j-setting-select__dropdown-item__description__padding: 0 var(--jc-space-8) 0 0; --j-setting-select__dropdown-item__description__font-size: var( --jc-font-size-12 ); --j-setting-select__dropdown-item__description__color: var( --color--text-secondary ); --j-setting-select__dropdown-item__background--active: var( --background-color--highlight ); --j-setting-select__dropdown-item__opacity--disabled: 0.5; --j-setting-select__main-container__inner-container__svg__fill--hover: var( --jc-color-pure-white ); --j-setting-select__dropdown-with-description__top: 46px; --j-setting-select__bottom-sheet-container__width: 100vw; --j-setting-select__bottom-sheet-container__min-height: 100dvh; --j-setting-select__bottom-sheet-container__max-height: 100lvh; --j-setting-select__bottom-sheet-container__top: 0; --j-setting-select__bottom-sheet-container__left: 0; --j-setting-select__bottom-sheet-container__background: #111314bf; --j-setting-select__bottom-sheet-container__backdrop-filter: var( --backdrop-filter--10 ); --j-setting-select__bottom-sheet-container__-webkit-backdrop-filter: var( --backdrop-filter--10 ); --j-setting-select__bottom-sheet-container__opacity: 0; --j-setting-select__bottom-sheet-container__transition: z-index var(--transition--base--linear--fast), var(--transition--background-color--fast), opacity var(--transition--base--linear--fast); --j-setting-select__bottom-sheet-container__border-top-left-radius: 0; --j-setting-select__bottom-sheet-container__border-top-right-radius: 0; --j-setting-select__bottom-sheet-container__border: 0; --j-setting-select__bottom-sheet__background: var( --background-color--surface ); --j-setting-select__bottom-sheet__min-height: 50px; --j-setting-select__bottom-sheet__padding: 20px; --j-setting-select__bottom-sheet__min-width: 100%; --j-setting-select__bottom-sheet__border-radius: var(--jc-radius-24) var(--jc-radius-24) 0 0; --j-setting-select__bottom-sheet__bottom: 0; --j-setting-select__bottom-sheet-header__border-top-left-radius: var( --jc-radius-24 ); --j-setting-select__bottom-sheet-header__border-top-right-radius: var( --jc-radius-24 ); --j-setting-select__bottom-sheet-header__height: var(--jc-size-44); --j-setting-select__bottom-sheet-header__margin-bottom: var(--jc-space-8); --j-setting-select__bottom-sheet-header__padding: 0 var(--jc-space-8); --j-setting-select__bottom-sheet-header__gap: var(--jc-space-8); --j-setting-select__bottom-sheet-header-title__font-size: var( --jc-font-size-18 ); --j-setting-select__bottom-sheet-header-title__line-height: 24px; --j-setting-select__bottom-sheet-header-title__color: var(--color--text); --j-setting-select__bottom-sheet-header-title__max-height: 48px; --j-setting-select__bottom-sheet-header-button__dimension: var(--jc-size-44); --j-setting-select__bottom-sheet-header-button__border-radius: var( --jc-radius-8 ); --j-setting-select__bottom-sheet-header-button__transition: all var(--transition--base--linear); --j-setting-select__bottom-sheet-header-button__fill: var( --jc-color-ghostgrey ); --j-setting-select__dropdown-item__padding--mobile: 12px var(--jc-space-8); --j-setting-select__bottom-sheet-header-button__background-color--hover: var( --jc-color-grey-highlight ); --j-setting-select__bottom-sheet-header-button__fill--hover: var( --jc-color-pure-white ); --j-setting-select__bottom-sheet-header-button__svg__dimension: var( --jc-size-16 ); --j-setting-select__bottom-sheet__dropdown-container__max-height: 60vh; --j-setting-select__bottom-sheet__dropdown-container__border: 0; --j-setting-select__open__bottom-sheet-container__opacity: 1; --j-setting-select__radio__width: 20px; --j-setting-select__radio__height: 20px; --j-setting-select__radio__border: 1px solid var(--jc-color-ghostgrey); --j-setting-select__radio__background: var(--jc-color-black-mystery); --j-setting-select__radio__border-radius: 100%; --j-setting-select__radio__background--active: var(--jc-color-pure-white); --j-setting-select__radio__border--active: 5px solid var(--jc-color-red-passion); } /* JSettingSlider */ :root { --j-setting-slider__knob-left: calc(10% - 10px); --j-setting-slider__knob-top: -9px; --j-setting-slider__slider-active-width: 0px; --j-setting-slider__value-width: 100px; --j-setting-slider__value-left: 0px; --j-setting-slider__slider-value__font-size: var(--jc-font-size-14); --j-setting-slider__slider-value__color: var(--jc-color-pure-white); --j-setting-slider__slider-container__padding: var(--jc-space-12) var(--jc-space-16); --j-setting-slider__slider-inner__height: 8px; --j-setting-slider__slider-inner__background: var(--jc-color-ghostgrey); --j-setting-slider__slider-inner__border-radius: 4px; --j-setting-slider__slider-knob__width: 20px; --j-setting-slider__slider-knob__height: 20px; --j-setting-slider__slider-knob__border: 2px solid transparent; --j-setting-slider__slider-knob__border-radius: 20px; --j-setting-slider__slider-knob__background: var(--jc-color-pure-white); --j-setting-slider__slider-knob__transition: border-bottom-color var(--transition--base--linear--fast), border-top-color var(--transition--base--linear--fast), border-left-color var(--transition--base--linear--fast), border-right-color var(--transition--base--linear--fast); --j-setting-slider__slider-knob__border--hover: 2px solid var(--jc-color-pure-white); --j-setting-slider__slider-knob__border--mousedown: 2px solid var(--jc-color-red-passion); --j-setting-slider__slider-active__height: 8px; --j-setting-slider__slider-active__background: var(--jc-color-red-passion); --j-setting-slider__slider-active__border-radius: 4px; --j-setting-slider__step-knobs__top: -4px; --j-setting-slider__step-knobs__left: 0; --j-setting-slider__step-knobs__width: 100%; --j-setting-slider__step-knobs__height: 3px; --j-setting-slider__width: 4px; --j-setting-slider__height: 4px; --j-setting-slider__border-radius: 7px; --j-setting-slider__background: rgba(var(--jc-color-pure-white-rgb), 0.5); --j-setting-slider__top: -2px; } /* JSettingSpacer */ :root { --j-setting-spacer__height: 1px; --j-setting-spacer__margin: 0 16px; --j-setting-spacer__transition: margin var(--transition--base--linear--fast); --j-setting-spacer__background: var(--background-color--highlight); } /* JSettingSwitch */ :root { --j-setting-switch__j-switch__flex-grow: 0; --j-setting-switch__j-switch__margin-right: -6px; } /* JSettingTextarea */ :root { --j-setting-textarea__inner-container__j-icon__--svg-element__color: var( --jc-color-silvergrey ); --j-setting-textarea__display-value__color: var(--jc-color-pure-white); --j-setting-textarea__display-value__padding-left: 0; --j-setting-textarea__display-value__font: var(--font--text); --j-setting-textarea__placeholder__padding-left: 0; --j-setting-textarea__slotted__width: 100%; --j-setting-textarea__nav__width: 100%; --j-setting-textarea__nav__gap: var(--jc-space-8); --j-setting-textarea__secondary-container__gap: var(--jc-space-8); --j-setting-textarea__secondary-container__gap--edit-mode: var(--jc-space-16); --j-setting-textarea__secondary-container__margin-top--edit-mode: var( --jc-space-8 ); --j-setting-textarea__secondary-container__padding-bottom--edit-mode: var( --jc-space-8 ); --j-setting-textarea__secondary-container__padding-bottom--has-description: var( --jc-space-8 ); --j-setting-textarea__secondary-container-spacing__margin-top: 0; --j-setting-textarea__secondary-container-spacing__margin-bottom: 0; } /* JSettingMixin */ :root { --j-setting-mixin__font-family: var(--font-family); --j-setting-mixin__width: 100%; --j-setting-mixin__main-container__transition: var( --transition--background-color--fast ), border var(--transition--base--linear--fast); --j-setting-mixin__main-container__padding: 10px 0; --j-setting-mixin__border-bottom-left-radius--bottom: var(--jc-radius-8); --j-setting-mixin__border-bottom-right-radius--bottom: var(--jc-radius-8); --j-setting-mixin__border-bottom-left-radius--top: var(--jc-radius-8); --j-setting-mixin__border-bottom-right-radius--top: var(--jc-radius-8); --j-setting-mixin__border-radius: var(--jc-radius-8); --j-setting-mixin__background--not-disabled: var(--jc-color-grey-highlight); --j-setting-mixin__transition--not-disabled: var( --transition--background-color--fast ), border var(--transition--base--linear--fast); --j-setting-mixin__inner-container__gap: var(--jc-space-8); --j-setting-mixin__inner-container__padding: 0 var(--jc-space-16); --j-setting-mixin__inner-container__min-height: 32px; --j-setting-mixin__secondary-container__padding: 0 var(--jc-space-16); --j-setting-mixin__secondary-container-spacing__margin-top: 4px; --j-setting-mixin__secondary-container-spacing__margin-bottom: 8px; --j-setting-mixin__label__font-size: var(--jc-font-size-14); --j-setting-mixin__label__color: var(--jc-color-pure-white); --j-setting-mixin__label__line-height: var(--jc-line-height-20); --j-setting-mixin__label__max-height: calc( var(--j-setting-mixin__label__line-height) * 2 ); --j-setting-mixin__label__min-width: 30%; --j-setting-mixin__description__font-size: var(--jc-font-size-12); --j-setting-mixin__description__color: var(--color--text-secondary); --j-setting-mixin__description__line-height: var(--jc-line-height-16); --j-setting-mixin__placeholder__padding-left: var(--jc-space-8); --j-setting-mixin__display-value__color: var(--color--text); --j-setting-mixin__display-value__font-size: var(--jc-font-size-12); --j-setting-mixin__placeholder__font-size: var(--jc-font-size-12); --j-setting-mixin__placeholder__color: var(--color--text-secondary); --j-setting-mixin__placeholder__line-height: var(--jc-line-height-20); --j-setting-mixin__placeholder__max-height: var(--jc-line-height-20); --j-setting-mixin__placeholder__transition: all var(--transition--base--linear--fast); --j-setting-mixin__disabled__opacity: 0.5; } /* JFlyout */ :root { /** Naming Schema: --____------ */ --j-flyout__display: flex; --j-flyout__justify-content: center; --j-flyout__align-items: center; --j-flyout__gap: initial; --j-flyout__flex: initial; --j-flyout__flex-direction: column; --j-flyout__padding: var(--jc-space-4); --j-flyout__border-radius: var(--jc-radius-8); --j-flyout__border-color: var(--jc-color-border-highlight); --j-flyout__background-color: var(--jc-color-black-mystery); --j-flyout__box-shadow: var(--box-shadow--24); } /* JFormErrorMessage */ :root { --j-form-error-message__display: flex; --j-form-error-message__justify-content: flex-start; --j-form-error-message__align-items: center; --j-form-error-message__padding: var(--jc-space-4) var(--jc-space-16); /* prettier-ignore */ --j-form-error-message__font: normal var(--jc-font-size-12)/var(--jc-line-height-18) var(--font-family); --j-form-error-message__border-radius: var(--jc-radius-8); --j-form-error-message__background: var(--jc-color-red-shadow); --j-form-error-message__color: var(--jc-color-pure-white); } /* JFormHint */ :root { --j-form-hint__display: flex; --j-form-hint__justify-content: flex-start; --j-form-hint__align-items: center; --j-form-hint__padding: var(--jc-space-4) var(--jc-space-16); /* prettier-ignore */ --j-form-hint__font: normal var(--jc-font-size-12)/var(--jc-line-height-18) var(--font-family); --j-form-hint__color: var(--jc-color-silvergrey); } /* JFlyout styles */ /* JFormErrorMessage styles */ /* JFormHint styles */ /** * Component specific variables */ @layer joy-ui-global-styles; #mfs_core.wonder-container .row-wonder #cwonder>:not(.wonder-full):after,#mfs_core.wonder-container .row-wonder #cwonder>:not(.wonder-full):before,#mfs_core.wonder-container .row-wonder .container_wonder_footer:after,#mfs_core.wonder-container .row-wonder .container_wonder_footer:before,.cta_block .container_wonder_footer:after,.cta_block .container_wonder_footer:before,.grid:after,.grid:before,.inset_block .container_wonder_footer:after,.inset_block .container_wonder_footer:before,.wog_gallery:after,.wog_gallery:before,.wonderbody #cwonder .wog_article:after,.wonderbody #cwonder .wog_article:before{content:" ";display:table}.grid{margin-left:-7.5px;margin-right:-7.5px;margin-top:-15px}.grid:before{content:" ";display:block;width:100%}.grid:after,.grid:before{content:" ";display:table}.grid:after{clear:both}.grid>:not(.grid_item_individual){padding-top:15px}.grid>.grid_item_individual{padding:0 7.5px}.grid>.grid_item_individual:first-child{margin-bottom:-15px;margin-top:15px}.grid_max_cols_1>:not(.grid_item_individual){float:left;width:100%}.grid_max_cols_1>:not(.grid_item_individual),.grid_max_cols_2>:not(.grid_item_individual){min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative}@media (min-width:985px){.grid_max_cols_2>:not(.grid_item_individual){float:left;width:50%}}.grid_max_cols_3>:not(.grid_item_individual){float:left;min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative;width:50%}@media (min-width:985px){.grid_max_cols_3>:not(.grid_item_individual){float:left;width:33.33333333%}}@media screen and (max-width:984.9px){.hide_last_row_mobile.grid_max_cols_3>:not(.grid_item_individual):nth-child(odd):nth-last-child(-n+2),.hide_last_row_mobile.grid_max_cols_3>:not(.grid_item_individual):nth-child(odd):nth-last-child(-n+2)~:not(.grid_item_individual){display:none}}.grid_max_cols_4>:not(.grid_item_individual){float:left;min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative;width:50%}@media (min-width:768px){.grid_max_cols_4>:not(.grid_item_individual){float:left;width:33.33333333%}}@media (min-width:985px){.grid_max_cols_4>:not(.grid_item_individual){float:left;width:25%}}@media screen and (max-width:767.9px){.hide_last_row_mobile.grid_max_cols_4>:not(.grid_item_individual):nth-child(odd):nth-last-child(-n+2),.hide_last_row_mobile.grid_max_cols_4>:not(.grid_item_individual):nth-child(odd):nth-last-child(-n+2)~:not(.grid_item_individual){display:none}}@media screen and (min-width:768px) and (max-width:984.9px){.hide_last_row_mobile.grid_max_cols_4>:not(.grid_item_individual):nth-child(3n+1):nth-last-child(-n+3),.hide_last_row_mobile.grid_max_cols_4>:not(.grid_item_individual):nth-child(3n+1):nth-last-child(-n+3)~:not(.grid_item_individual){display:none}}.grid_max_cols_6>:not(.grid_item_individual){float:left;min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative;width:33.33333333%}@media (min-width:768px){.grid_max_cols_6>:not(.grid_item_individual){float:left;width:25%}}@media (min-width:985px){.grid_max_cols_6>:not(.grid_item_individual){float:left;width:16.66666667%}}@media screen and (max-width:767.9px){.hide_last_row_mobile.grid_max_cols_6>:not(.grid_item_individual):nth-child(3n+1):nth-last-child(-n+3),.hide_last_row_mobile.grid_max_cols_6>:not(.grid_item_individual):nth-child(3n+1):nth-last-child(-n+3)~:not(.grid_item_individual){display:none}}@media screen and (min-width:768px) and (max-width:984.9px){.hide_last_row_mobile.grid_max_cols_6>:not(.grid_item_individual):nth-child(4n+1):nth-last-child(-n+4),.hide_last_row_mobile.grid_max_cols_6>:not(.grid_item_individual):nth-child(4n+1):nth-last-child(-n+4)~:not(.grid_item_individual){display:none}}.grid_max_cols_12>:not(.grid_item_individual){float:left;min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative;width:25%}@media (min-width:768px){.grid_max_cols_12>:not(.grid_item_individual){float:left;width:16.66666667%}}@media (min-width:985px){.grid_max_cols_12>:not(.grid_item_individual){float:left;width:8.33333333%}}@media screen and (max-width:767.9px){.hide_last_row_mobile.grid_max_cols_12>:not(.grid_item_individual):nth-child(4n+1):nth-last-child(-n+4),.hide_last_row_mobile.grid_max_cols_12>:not(.grid_item_individual):nth-child(4n+1):nth-last-child(-n+4)~:not(.grid_item_individual){display:none}}@media screen and (min-width:768px) and (max-width:984.9px){.hide_last_row_mobile.grid_max_cols_12>:not(.grid_item_individual):nth-child(6n+1):nth-last-child(-n+6),.hide_last_row_mobile.grid_max_cols_12>:not(.grid_item_individual):nth-child(6n+1):nth-last-child(-n+6)~:not(.grid_item_individual){display:none}}@media screen and (max-width:479.9px){.grid.max_cols_xs_1>:not(.grid_item_individual){float:left;min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative;width:100%}.grid.max_cols_xs_2>:not(.grid_item_individual){float:left;min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative;width:50%}.hide_last_row_mobile.grid.max_cols_xs_2>:not(.grid_item_individual):nth-child(odd):nth-last-child(-n+2),.hide_last_row_mobile.grid.max_cols_xs_2>:not(.grid_item_individual):nth-child(odd):nth-last-child(-n+2)~:not(.grid_item_individual){display:none}.grid.max_cols_xs_3>:not(.grid_item_individual){float:left;min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative;width:33.33333333%}.hide_last_row_mobile.grid.max_cols_xs_3>:not(.grid_item_individual):nth-child(3n+1):nth-last-child(-n+3),.hide_last_row_mobile.grid.max_cols_xs_3>:not(.grid_item_individual):nth-child(3n+1):nth-last-child(-n+3)~:not(.grid_item_individual){display:none}.grid.max_cols_xs_4>:not(.grid_item_individual){float:left;min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative;width:25%}.hide_last_row_mobile.grid.max_cols_xs_4>:not(.grid_item_individual):nth-child(4n+1):nth-last-child(-n+4),.hide_last_row_mobile.grid.max_cols_xs_4>:not(.grid_item_individual):nth-child(4n+1):nth-last-child(-n+4)~:not(.grid_item_individual){display:none}}@media screen and (max-width:767.9px){.grid.max_cols_sm_1>:not(.grid_item_individual){min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative}}@media screen and (max-width:767.9px) and (min-width:480px){.grid.max_cols_sm_1>:not(.grid_item_individual){float:left;width:100%}}@media screen and (max-width:767.9px){.grid.max_cols_sm_2>:not(.grid_item_individual){min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative}.hide_last_row_mobile.grid.max_cols_sm_2>:not(.grid_item_individual):nth-child(odd):nth-last-child(-n+2),.hide_last_row_mobile.grid.max_cols_sm_2>:not(.grid_item_individual):nth-child(odd):nth-last-child(-n+2)~:not(.grid_item_individual){display:none}}@media screen and (max-width:767.9px) and (min-width:480px){.grid.max_cols_sm_2>:not(.grid_item_individual){float:left;width:50%}}@media screen and (max-width:767.9px){.grid.max_cols_sm_3>:not(.grid_item_individual){min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative}.hide_last_row_mobile.grid.max_cols_sm_3>:not(.grid_item_individual):nth-child(3n+1):nth-last-child(-n+3),.hide_last_row_mobile.grid.max_cols_sm_3>:not(.grid_item_individual):nth-child(3n+1):nth-last-child(-n+3)~:not(.grid_item_individual){display:none}}@media screen and (max-width:767.9px) and (min-width:480px){.grid.max_cols_sm_3>:not(.grid_item_individual){float:left;width:33.33333333%}}@media screen and (max-width:767.9px){.grid.max_cols_sm_4>:not(.grid_item_individual){min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative}.hide_last_row_mobile.grid.max_cols_sm_4>:not(.grid_item_individual):nth-child(4n+1):nth-last-child(-n+4),.hide_last_row_mobile.grid.max_cols_sm_4>:not(.grid_item_individual):nth-child(4n+1):nth-last-child(-n+4)~:not(.grid_item_individual){display:none}}@media screen and (max-width:767.9px) and (min-width:480px){.grid.max_cols_sm_4>:not(.grid_item_individual){float:left;width:25%}}@media screen and (max-width:984.9px){.grid.max_cols_md_1>:not(.grid_item_individual){min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative}}@media screen and (max-width:984.9px) and (min-width:768px){.grid.max_cols_md_1>:not(.grid_item_individual){float:left;width:100%}}@media screen and (max-width:984.9px){.grid.max_cols_md_2>:not(.grid_item_individual){min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative}.hide_last_row_mobile.grid.max_cols_md_2>:not(.grid_item_individual):nth-child(odd):nth-last-child(-n+2),.hide_last_row_mobile.grid.max_cols_md_2>:not(.grid_item_individual):nth-child(odd):nth-last-child(-n+2)~:not(.grid_item_individual){display:none}}@media screen and (max-width:984.9px) and (min-width:768px){.grid.max_cols_md_2>:not(.grid_item_individual){float:left;width:50%}}@media screen and (max-width:984.9px){.grid.max_cols_md_3>:not(.grid_item_individual){min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative}.hide_last_row_mobile.grid.max_cols_md_3>:not(.grid_item_individual):nth-child(3n+1):nth-last-child(-n+3),.hide_last_row_mobile.grid.max_cols_md_3>:not(.grid_item_individual):nth-child(3n+1):nth-last-child(-n+3)~:not(.grid_item_individual){display:none}}@media screen and (max-width:984.9px) and (min-width:768px){.grid.max_cols_md_3>:not(.grid_item_individual){float:left;width:33.33333333%}}@media screen and (max-width:984.9px){.grid.max_cols_md_4>:not(.grid_item_individual){min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative}.hide_last_row_mobile.grid.max_cols_md_4>:not(.grid_item_individual):nth-child(4n+1):nth-last-child(-n+4),.hide_last_row_mobile.grid.max_cols_md_4>:not(.grid_item_individual):nth-child(4n+1):nth-last-child(-n+4)~:not(.grid_item_individual){display:none}}@media screen and (max-width:984.9px) and (min-width:768px){.grid.max_cols_md_4>:not(.grid_item_individual){float:left;width:25%}}@media screen and (max-width:1199.9px){.grid.max_cols_lg_1>:not(.grid_item_individual){min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative}}@media screen and (max-width:1199.9px) and (min-width:985px){.grid.max_cols_lg_1>:not(.grid_item_individual){float:left;width:100%}}@media screen and (max-width:1199.9px){.grid.max_cols_lg_2>:not(.grid_item_individual){min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative}.hide_last_row_mobile.grid.max_cols_lg_2>:not(.grid_item_individual):nth-child(odd):nth-last-child(-n+2),.hide_last_row_mobile.grid.max_cols_lg_2>:not(.grid_item_individual):nth-child(odd):nth-last-child(-n+2)~:not(.grid_item_individual){display:none}}@media screen and (max-width:1199.9px) and (min-width:985px){.grid.max_cols_lg_2>:not(.grid_item_individual){float:left;width:50%}}@media screen and (max-width:1199.9px){.grid.max_cols_lg_3>:not(.grid_item_individual){min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative}.hide_last_row_mobile.grid.max_cols_lg_3>:not(.grid_item_individual):nth-child(3n+1):nth-last-child(-n+3),.hide_last_row_mobile.grid.max_cols_lg_3>:not(.grid_item_individual):nth-child(3n+1):nth-last-child(-n+3)~:not(.grid_item_individual){display:none}}@media screen and (max-width:1199.9px) and (min-width:985px){.grid.max_cols_lg_3>:not(.grid_item_individual){float:left;width:33.33333333%}}@media screen and (max-width:1199.9px){.grid.max_cols_lg_4>:not(.grid_item_individual){min-height:1px;padding-left:7.5px;padding-right:7.5px;position:relative}.hide_last_row_mobile.grid.max_cols_lg_4>:not(.grid_item_individual):nth-child(4n+1):nth-last-child(-n+4),.hide_last_row_mobile.grid.max_cols_lg_4>:not(.grid_item_individual):nth-child(4n+1):nth-last-child(-n+4)~:not(.grid_item_individual){display:none}}@media screen and (max-width:1199.9px) and (min-width:985px){.grid.max_cols_lg_4>:not(.grid_item_individual){float:left;width:25%}}#mfs_core.wonder-container .row-wonder #cwonder>:not(.wonder-full):after,#mfs_core.wonder-container .row-wonder .container_wonder_footer:after,.cta_block .container_wonder_footer:after,.grid:after,.inset_block .container_wonder_footer:after,.wog_gallery:after,.wonderbody #cwonder .wog_article:after{clear:both;content:" ";display:block;height:0;line-height:0;visibility:hidden}#group_new_gallery_container{overflow:hidden;padding:10px 10px 0}#group_new_gallery{line-height:20px;margin:0}#group_new_gallery li{float:left;padding:0 15px 15px 0}#group_new_gallery li.last{padding:0 0 15px}#gallery_infobox ul,.more_pics{color:#b1b3b3;margin:10px 15px}#gallery_infobox ul small,.more_pics small{color:#868889;font:normal normal 12px/19px JC-ProximaNovaSoft,Verdana,Arial,Helvetica,sans-serif;padding-right:5px}#gallery_navigation{background-color:#1a1e20;clear:both;margin-bottom:10px;position:relative;text-align:center}#gallery_navigation div:not(.video_icon):not(.adult_badge):not(.image-ui div){margin:auto;position:relative;width:100%}#gallery_navigation img:not(.overlay_img):not(.img-pane):not(.core-img){display:block;height:0;margin:0 auto;max-width:100%;min-height:0}#gallery_navigation .image-ui{height:87vh}#gallery_navigation img.img_denied{background-size:contain;background:no-repeat 50%;padding-bottom:37%}#gallery_navigation a span strong{background-repeat:no-repeat;height:75px;width:100px}#gallery_navigation a span strong.outline{border:1px solid #0e1214;height:73px;width:98px}#gallery_navigation a span strong.fsk18{background-size:cover}#gallery_navigation a:hover span.glyphicons{opacity:1}#gallery_navigation span{height:73px;margin:0;padding-right:10px;position:absolute;top:45%;z-index:2000}#gallery_navigation span.media_preview{background:#0000 url(/photonav.bg.png) no-repeat scroll 100%;display:none}#gallery_navigation span.glyphicons{color:#fff;font-size:45px;line-height:1;opacity:.5;text-shadow:0 0 5px #0e1214}#gallery_navigation span .blurry{filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius="5");filter:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciLz4=#blur);filter:blur(2px);-webkit-filter:blur(2px);-moz-filter:blur(2px);-ms-filter:blur(2px);-o-filter:blur(2px)}#gallery_navigation_next,#gallery_navigation_prev,#gallery_navigation_up{background-color:#0e121403;display:block;height:100%;position:absolute;text-align:center;top:0;width:110px;z-index:#868889}#gallery_navigation_next{right:0}#gallery_navigation_next span{padding-right:10px;right:0}#gallery_navigation_prev span{left:0;padding-left:10px}#gallery_navigation_prev span .overlay_img{padding-left:10px}#gallery_navigation_next span .overlay_img{padding-right:10px}#gallery_navigation_up{height:100px;left:0;width:100%}#gallery_navigation_up span{color:#fff;font-size:12px;font-weight:700;height:25px;left:0;line-height:17px;margin:0;padding:0 0 10px;text-align:center;top:0;width:100%}#gallery_navigation_up span.glyphicons{opacity:0}#gallery_navigation a:hover span,body.touch #gallery_navigation_next span,body.touch #gallery_navigation_prev span{display:block}body.touch #gallery_navigation a span strong.outline{display:none}.gallery_upload_rules{background-color:#1a1e20;display:flex;flex-direction:column;font-size:14px;padding:5px}.gallery_upload_rules .gallery_upload_rules_headline{color:#fff;font-size:18px;font-weight:400;line-height:20px}.gallery_upload_rules .gallery_upload_rules_introduction{margin:10px 0}.gallery_upload_rules .gallery_upload_rules_icon{display:block;flex-shrink:0;height:45px;width:60px}.gallery_upload_rules .gallery_upload_rules_icon.contact_details_forbidden{background:#0000 url(/gallery/rules/contact_details_forbidden.jpg) no-repeat 0 0}.gallery_upload_rules .gallery_upload_rules_icon.dont_have_to_be_identifiable{background:#0000 url(/gallery/rules/dont_have_to_be_identifiable.jpg) no-repeat 0 0}.gallery_upload_rules .gallery_upload_rules_icon.fsk18_pics_forbidden{background:#0000 url(/gallery/rules/fsk18_pics_forbidden.jpg) no-repeat 0 0}.gallery_upload_rules .gallery_upload_rules_icon.others_are_identifiable_allowed{background:#0000 url(/gallery/rules/others_are_identifiable_allowed.jpg) no-repeat 0 0}.gallery_upload_rules .gallery_upload_rules_icon.pics_without_you_forbidden{background:#0000 url(/gallery/rules/pics_without_you_forbidden.jpg) no-repeat 0 0}.gallery_upload_rules .gallery_upload_rules_icon.see_you_at_first_collection{background:#0000 url(/gallery/rules/see_you_at_first_collection.jpg) no-repeat 0 0}.gallery_upload_rules .gallery_upload_rules_icon.show_etc_allowed{background:#0000 url(/gallery/rules/show_etc_allowed.jpg) no-repeat 0 0}.gallery_upload_rules .gallery_upload_rules_list{display:flex;flex-direction:row;flex-wrap:wrap}.gallery_upload_rules .gallery_upload_rules_list .gallery_upload_rules_item{display:flex;flex-basis:100%;margin-bottom:5px}.gallery_upload_rules .gallery_upload_rules_list .gallery_upload_rules_item_text{flex-grow:2;margin-left:5px}.gallery_upload_rules.gallery_upload_rules_2_cols .gallery_upload_rules_item{flex-basis:50%}@media (max-width:984.9px){.gallery_upload_rules.gallery_upload_rules_2_cols .gallery_upload_rules_item{flex-basis:100%}}.upload_rules{background-color:#303436;border-bottom:1px solid #303436;border-radius:5px;margin:0;padding:5px}@media screen and (min-width:768px){.upload_rules{float:right;margin:10px 0 0 10px;width:230px}}.gallery_btn_matrix1,.gallery_btn_matrix2,.gallery_btn_matrix3{background:#303436;border-radius:2px;display:block;float:right;height:30px;margin-left:15px;padding:5px;width:30px}.gallery_btn_matrix1.is-active,.gallery_btn_matrix1:hover,.gallery_btn_matrix2.is-active,.gallery_btn_matrix2:hover,.gallery_btn_matrix3.is-active,.gallery_btn_matrix3:hover{background:#303436}.gallery_btn_matrix1>i,.gallery_btn_matrix2>i,.gallery_btn_matrix3>i{background:#868889;display:block;float:left;height:40%;margin:0 20% 20% 0;width:40%}.gallery_btn_matrix1>i{height:40%;width:100%}.gallery_btn_matrix3>i{height:20%;width:20%}.gallery_btn_matrix2>i.last-child,.gallery_btn_matrix3>i.last-child{float:right;margin-right:0}.gallery_btn_matrix1.is-active>i,.gallery_btn_matrix1:hover>i,.gallery_btn_matrix2.is-active>i,.gallery_btn_matrix2:hover>i,.gallery_btn_matrix3.is-active>i,.gallery_btn_matrix3:hover>i{background:#b1b3b3}@media (min-width:768px){.more_pictures_matrix{max-width:180px}}.cat-tag{background-color:#303436;border:4px solid #303436;border-radius:3px;display:inline-block;margin:3px 5px;padding:0 5px}.cat-tag a{font-weight:400;text-decoration:none}.cat-tag:hover{background-color:#515455;border-color:#515455}.cat-tag:hover a{text-decoration:none}.compliment_btn{margin-bottom:5px}.compliment_btn ul.dropdown_btn{margin-bottom:0}#gallery_detail_flex .socialjbtn{margin-right:0}@media screen and (max-width:984.9px){#gallery_detail_flex{display:flex;flex-direction:column-reverse}}#gallery_detail_flex #c{min-height:1px;padding-left:15px;padding-right:15px;position:relative}@media (min-width:985px){#gallery_detail_flex #c{float:left;width:66.66666667%}}#gallery_detail_flex #ts{min-height:1px;padding-left:15px;padding-right:15px;position:relative}@media (min-width:985px){#gallery_detail_flex #ts{float:left;width:33.33333333%}}@media screen and (min-width:985px) and (max-width:1199.9px){#gallery_detail_flex #c{margin-left:-5px}#gallery_detail_flex #ts{padding-left:10px;padding-right:10px}}#gallery_detail #contact_btn{margin-bottom:15px}#gallery_detail #contact_btn .txt{float:none}#gallery_detail #contact_btn .btn{overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:360px) and (max-width:767.9px){#gallery_detail #contact_btn{margin-bottom:0;text-align:right}}#gallery_detail .compliment_btn{margin-bottom:2px}#gallery_detail .fav-btn>a{width:100%}.collection_img_container{height:45px;overflow:hidden;width:60px}@media screen and (min-width:985px) and (max-width:1199.9px){.collection_img_container{height:36px;width:48px}}.collection_img{display:block;height:0;padding-bottom:75%;width:100%}.video_global_cat_list{flex:initial;flex-wrap:wrap;justify-content:space-between;width:100%}.edit_btn{margin-left:15px}.view_btn{position:absolute;right:15px;z-index:1}@media (max-width:984.9px){.view_btn{float:right;margin-bottom:10px;position:relative;right:0}}.gal_vid_headline.my_profile .view_btn{position:relative;right:0}@media (max-width:984.9px){.gal_vid_headline.my_profile .view_btn{float:left!important;padding:4px 0}.gal_vid_headline.my_profile .view_btn a:last-of-type{margin-left:0}}.gal_vid_headline{margin-bottom:15px!important}@media (max-width:984.9px){.gal_vid_headline .gal_vid_headline_txt{float:left;min-width:75%}}.gal_vid_user_btn{float:right!important;margin-bottom:15px!important;margin-left:15px!important}.img_calendar{background-position:50%;vertical-align:bottom}.fsk18_upload_label{background-color:#1a1e20;border:1px solid #c51a1b!important;cursor:pointer;display:block;padding:10px!important}.fsk18_upload_label .fsk18_upload_label_title{color:#fff;font-weight:700!important}@media screen and (max-width:480px){.foto_video_add .btn{margin-left:0!important;width:100%}}.gallery_m1st #gallery_detail .compliment_btn{float:right}.grid.gallery_matrix .photo_video_navi_container{height:10px;margin-bottom:0!important;opacity:0}@media (max-width:767.9px){.grid.gallery_matrix .photo_video_navi_container{max-height:none!important;width:100%}}.grid.gallery_matrix .photo_video_navi_container.resized{height:auto;opacity:1}.grid.gallery_matrix .photo_video_navi_container #subnavigation{margin-bottom:0}.grid.gallery_matrix .photo_video_navi_container #subnavigation li{padding-left:0}.grid.gallery_matrix .photo_video_navi_container #subnavigation li:first-child{margin-top:0!important}.grid.gallery_matrix .photo_video_navi_container #subnavigation li:last-child{margin-bottom:0!important}.grid.gallery_matrix .photo_video_navi_container #subnavigation li.navigation_title{margin-bottom:0}.grid.gallery_matrix .photo_video_navi_container #subnavigation .navigation_link_item>a .navigation_link_title{line-height:inherit}@media (max-width:479.9px){.grid.gallery_matrix .photo_video_navi_container{display:none!important}}@media (min-width:480px) and (max-width:767.9px){.grid.gallery_matrix .photo_video_navi_container{display:none!important}}@media (max-width:479.9px){.collection_user_user{display:none!important}}@media (min-width:480px) and (max-width:767.9px){.collection_user_user{display:none!important}}#upload_button{text-align:right}.choose_gallery_src{padding-bottom:25px}.edit_my_image a{margin-bottom:10px;text-align:center;width:100%}.edit_my_image a:last-child{margin-bottom:0}.edit_my_image a img.upload_preview{max-height:none;max-width:100%}@media screen and(max-width:767.9px){.mobile_button_touch_size_adjusted{font-size:13px;padding:10px 15px}#contact_btn{width:100%!important}#contact_btn a{height:48px;padding:10px 15px;width:100%}#gallery_detail_flex .compliment_btn,#gallery_detail_flex .fav-btn{align-items:stretch;display:flex!important;flex-direction:row-reverse;flex-grow:1;width:100%}#gallery_detail_flex .compliment_btn .btn-group,#gallery_detail_flex .fav-btn .btn-group{display:flex!important;width:100%}#gallery_detail_flex .compliment_btn .btn-group .btn-group,#gallery_detail_flex .fav-btn .btn-group .btn-group{display:flex;flex-basis:40px;flex-grow:0}#gallery_detail_flex .compliment_btn a.btn-danger,#gallery_detail_flex .compliment_btn button.btn-danger,#gallery_detail_flex .compliment_btn span.btn-danger,#gallery_detail_flex .fav-btn a.btn-danger,#gallery_detail_flex .fav-btn button.btn-danger,#gallery_detail_flex .fav-btn span.btn-danger{flex-grow:1;font-size:13px;padding:10px 15px}#gallery_detail_flex .compliment_btn span.btn-default,#gallery_detail_flex .fav-btn span.btn-default{font-size:13px;padding:10px 15px}#gallery_detail_flex .compliment_btn .chainlist,#gallery_detail_flex .fav-btn .chainlist{display:flex;width:100%}#gallery_detail_flex .compliment_btn .chainlist li:first-child,#gallery_detail_flex .fav-btn .chainlist li:first-child{flex-grow:1}#gallery_detail_flex .compliment_btn .chainlist li:first-child a,#gallery_detail_flex .fav-btn .chainlist li:first-child a{width:100%}.fav-count{border-color:#1a1e20!important;border-right-width:2px!important;padding:10px 15px}.snitch-link{width:100%}#ts>.text-right{padding-bottom:5px}.collection_add{width:100%}.collection_add .fav-btn{display:inline-block;width:100%}.comment_box .inner,.comments .inner{padding:0!important}.comment_box .inner textarea.f_textarea,.comments .inner textarea.f_textarea{background:#515455 none;border:1px solid #1a1e20;color:#fff;font-size:14px;line-height:1.42857143;min-height:100px;padding:10px}.comment_box .inner .control,.comments .inner .control{display:flex;flex-direction:row-reverse;flex-wrap:wrap-reverse}.comment_box .inner .control.control-non-premium,.comments .inner .control.control-non-premium{flex-direction:column}.comment_box .inner .control a,.comments .inner .control a{font-size:13px;padding:10px 15px}.comment_box .inner .control a i.bp_30_4,.comments .inner .control a i.bp_30_4{margin-top:7px}.comment_box .inner .control .btn-danger,.comments .inner .control .btn-danger{flex-grow:1}.button-bar{margin:0}.collection_add_hint{margin-top:20px}.grid_item_individual{margin-bottom:10px}}.crowd_check_banner{color:#fff;display:block;margin-top:20px;position:relative;width:100%}.crowd_check_banner:active,.crowd_check_banner:focus,.crowd_check_banner:hover{color:#fff}.crowd_check_banner img{width:100%}html.office_mode .crowd_check_banner img{opacity:.05}html.office_mode .crowd_check_banner img:hover{opacity:1}.crowd_check_banner img .wog2_article_header .img_container>img+img.overlay_gif{display:none}.crowd_check_banner .crowd_check_banner_text{font-weight:400;left:30px;position:absolute;top:30px;width:250px}.crowd_check_banner .crowd_check_banner_text .crowd_check_banner_headline{font-size:28px;font-weight:700;line-height:30px;margin-bottom:30px}@media (max-width:767.9px){.crowd_check_banner .crowd_check_banner_text .crowd_check_banner_headline{font-size:24px;line-height:24px;margin-bottom:20px;width:220px}}@media (max-width:479.9px){.crowd_check_banner .crowd_check_banner_text{top:20px}.crowd_check_banner .crowd_check_banner_text .crowd_check_banner_headline{font-size:18px;margin-bottom:10px}}body:not(.coverart) #cfull>.gallery_matrix{padding:0}body:not(.coverart) #cfull>.gallery_matrix_content_beside{padding:0 10px}.gallery_matrix.video_icon_small .video_icon{background-size:auto 30%}.gallery_matrix_item_container{background-color:#0e1214;overflow:hidden;position:relative;width:100%}html.office_mode .gallery_matrix_item_container:hover .video_icon{display:none}.disabled>.gallery_matrix_item_container{cursor:not-allowed;filter:contrast(.5);-webkit-filter:contrast(.5);outline:2px solid #868889}.active:not(.disabled)>.gallery_matrix_item_container,.highlight_on_hover :not(.disabled) .gallery_matrix_item_container:hover{outline:2px solid #c51a1b}.gallery_matrix_item_container .video_icon{transform:scale(1)}.gallery_matrix_item_container .btn_contest_unjoin{position:relative;z-index:100}.gallery_matrix_item_container .tunneling_payment_premium_show_on_click{cursor:pointer}.gallery_matrix .content_image{background-position:50% 25%;background-size:cover;display:block;height:0;padding-bottom:99.5%;width:100%}.gallery_matrix a:hover{text-decoration:none}.gallery_matrix .placeholder{display:none}body:not(.touch) .gallery_matrix.description_on_hover>li .gallery_matrix_description *,body:not(.touch) .gallery_matrix.description_on_hover>li .gallery_matrix_icon_container *{visibility:hidden}body:not(.touch) .gallery_matrix.description_on_hover>li:hover .gallery_matrix_description *,body:not(.touch) .gallery_matrix.description_on_hover>li:hover .gallery_matrix_icon_container *{visibility:visible}.gallery_matrix .empty{display:none!important}.gallery_matrix_description{background-clip:padding-box;background-image:linear-gradient(180deg,#0e121400 0,#0e1214cc);background-repeat:repeat-x;bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000e1214",endColorstr="#cc0e1214",GradientType=0);left:0;padding:7.5px 15px;position:absolute;width:100%}.gallery_matrix_description .subtitle,.gallery_matrix_description .title{color:#fff;display:block;font-weight:400;line-height:1.5;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small_description .gallery_matrix_description .subtitle,.small_description .gallery_matrix_description .title{line-height:2}.gallery_matrix_description .title{font-size:18px;max-width:100%}.gallery_matrix_description .title_short{max-width:75%}.gallery_matrix_description .subtitle{font-size:14px}.gallery_matrix_description.small_description .title{font-size:14px;max-width:75%}.gallery_matrix_description.small_description .subtitle{font-size:13px}.gallery_matrix_icons_container{bottom:0;padding:7.5px 15px;position:absolute;right:0}.gallery_matrix_icons_container:first-child{padding-top:0}.gallery_matrix_icons_container.small_icons{font-size:13px}.gallery_matrix_comments,.gallery_matrix_compliments,.gallery_matrix_individual_icon{color:#fff;display:block;font-weight:400;line-height:1.5;text-align:right}.gallery_matrix_comments .icon_text,.gallery_matrix_compliments .icon_text,.gallery_matrix_individual_icon .icon_text{margin-right:5px}.gallery_matrix_rating_container{color:#fff;opacity:.8;position:absolute;right:7.5px;text-shadow:0 0 5px #1a1e20;top:7.5px}.gallery_matrix_rating_container .joyicons{width:18px}.gallery_matrix_link_item{float:right;margin-top:30px}.gallery_matrix_mod_overlay{background-color:#1a1e20;font-size:13px;padding:10px;position:absolute;width:100%;z-index:999}.gallery_matrix_mod_overlay.pool_art{background-color:#daa520}.gallery_matrix_mod_overlay.pool_m{background-color:#006cb5}.gallery_matrix_mod_overlay.pool_w{background-color:#ff3080}.gallery_matrix_mod_overlay.pool_p{background-color:#009157}.gallery_matrix_mod_overlay.pool_video{background-color:#868889}.gallery_matrix_mod_overlay.sub_cat{background-color:#ff8533}.gallery_matrix_mod_overlay.sub_cat_fsk18{background-color:#771718}.gallery_matrix_mod_overlay.sub_cat_fsk16{background-color:#19c8ff}.gallery_matrix_mod_overlay.sub_cat_fsk12{background-color:#b1b3b3}.gallery_matrix_mod_overlay_info.primary{float:left}.gallery_matrix_mod_overlay_info.secondary{float:right}.gallery_matrix_new_badge{background-color:#c51a1b;color:#fff;padding:3px 10px;position:absolute;z-index:99}@media (min-width:985px) and (max-width:1800px){.gallery_matrix.cinemascope>:not(.grid_item_individual){width:25%}}.gallery_matrix .remove_current_image_item .gallery_matrix_item_container{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:0;outline:1px solid;padding-bottom:99.5%;text-align:center}.gallery_matrix .remove_current_image_item .remove_current_image_item_icon{font-size:30px;margin-top:10px}.gallery_matrix .remove_current_image_item .remove_current_image_item_text{font-size:12px;line-height:16px;margin-top:10px}.gallery_matrix .remove_current_image_item a{display:none}.gallery_matrix_detail .matrix_item_img:not(.matrix_item_video){max-height:600px;min-height:600px;overflow:hidden}.gallery_matrix_detail .contestant_voting_bar .contestant_user_vote{background:none;cursor:pointer;display:inline-block;font-size:24px;height:25px;line-height:24px;overflow:hidden;width:12px}.gallery_matrix_detail .contestant_voting_bar .contestant_user_vote:not(:first-child) span{color:#868889}.gallery_matrix_detail .contestant_voting_bar .contestant_user_vote span.user_score{color:#c51a1b}@media screen and (max-width:767.9px){.gallery_matrix_detail .contestant_voting_bar .contestant_user_vote{font-size:48px;height:50px;line-height:48px;width:24px}}.gallery_matrix_detail .contestant_voting_bar .contestant_user_vote:first-child{width:12px}.gallery_matrix_detail .contestant_voting_bar .contestant_user_vote:nth-child(2n) span{margin-left:1px}@-moz-document url-prefix(){.gallery_matrix_detail .contestant_voting_bar .contestant_user_vote:nth-child(2n) span{margin-left:0}}.gallery_matrix_detail .contestant_voting_bar .contestant_user_vote:nth-child(odd)>span{margin-left:-12px;width:22px}@-moz-document url-prefix(){.gallery_matrix_detail .contestant_voting_bar .contestant_user_vote:nth-child(odd)>span span{margin-left:-13px}}@media screen and (max-width:767.9px){.gallery_matrix_detail .contestant_voting_bar .contestant_user_vote:nth-child(odd)>span{margin-left:-25px}}.gallery_matrix_detail .contestant_voting_bar .contestant_user_vote:first-child>span.joyicons-heart-half-right:before{content:""}.gallery_matrix_detail .contestant_voting_bar:hover .contestant_user_vote span{color:#c51a1b}.gallery_matrix_detail .contestant_voting_bar:hover .contestant_user_vote:hover~.contestant_user_vote span{color:#868889}.gallery_matrix_detail.photocontest.gallery_matrix_detail.modal{overflow:scroll!important}@media screen and (max-width:479.9px){.gallery_matrix_item_container .gallery_matrix_description{padding:7.5px}.gallery_matrix_item_container .gallery_matrix_description .title{font-size:14px;font-weight:700;max-width:100%}.gallery_matrix_item_container .gallery_matrix_description .subtitle{font-size:11px}.gallery_matrix_item_container .gallery_matrix_icons_container{font-size:11px;line-height:1!important;padding:7.5px}.gallery_matrix_item_container .gallery_matrix_icons_container .smallfont{font-size:10px;line-height:1}}.body_profile_gallery_overview .profile_new_album_tile .gallery_matrix_item_container form,.profile_new_album_tile form{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;z-index:1}.body_profile_gallery_overview .profile_new_album_tile .gallery_matrix_item_container form .profile_new_folder_joyicon,.profile_new_album_tile form .profile_new_folder_joyicon{font-size:38px;margin:0 0 15px;padding-top:6px}@media screen and(min-width:985px){.body_profile_gallery_overview .profile_new_album_tile .gallery_matrix_item_container form .profile_new_folder_joyicon,.profile_new_album_tile form .profile_new_folder_joyicon{font-size:28px;margin-bottom:10px}}.body_profile_gallery_overview .profile_new_album_tile .gallery_matrix_item_container form .profile_new_folder_hint,.profile_new_album_tile form .profile_new_folder_hint{color:#fff;display:none;font-size:13px;line-height:1.1;margin:5px 0;padding:0 5px;text-shadow:1px 1px 1px #0e1214}@media screen and(min-width:768px){.body_profile_gallery_overview .profile_new_album_tile .gallery_matrix_item_container form .profile_new_folder_hint,.profile_new_album_tile form .profile_new_folder_hint{display:block}}.body_profile_gallery_overview .profile_new_album_tile .gallery_matrix_item_container form .profile_new_folder_btn,.profile_new_album_tile form .profile_new_folder_btn{font-size:12px;margin:5px;padding:6px;text-align:center}.body_profile_gallery_overview .profile_new_album_tile .gallery_matrix_item_container form .profile_new_folder_btn .profile_new_folder_hint_button_text,.profile_new_album_tile form .profile_new_folder_btn .profile_new_folder_hint_button_text{display:none}@media screen and (min-width:768px){.body_profile_gallery_overview .profile_new_album_tile .gallery_matrix_item_container form .profile_new_folder_btn,.profile_new_album_tile form .profile_new_folder_btn{padding:5px}.body_profile_gallery_overview .profile_new_album_tile .gallery_matrix_item_container form .profile_new_folder_btn .profile_new_folder_hint_button_text,.profile_new_album_tile form .profile_new_folder_btn .profile_new_folder_hint_button_text{display:inline}}.profile_new_album_cta img{opacity:.5}.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element{align-items:center;bottom:10px;display:flex;flex-direction:column-reverse;left:10px;position:absolute;right:10px;top:10px;z-index:2}.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element .profile_new_folder_hint{font-size:12px;line-height:1.5;padding:15px;text-align:center;width:100%}.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element .btn,.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element j-button{margin:0 auto}.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element .joyicons{display:block;font-size:38px;margin:0 auto}@media screen and (max-width:1199.9px){.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element .profile_new_folder_hint{padding:5px}.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element .profile_new_folder_joyicon,.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element .profile_new_gallery_joyicon{display:inline-block;font-size:50px;margin-bottom:20px}.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element .profile_new_folder_btn{flex-shrink:0}}@media screen and (max-width:479.9px){.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element .profile_new_folder_hint_button_text{display:none}.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element .profile_new_folder_joyicon,.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element .profile_new_gallery_joyicon{margin-bottom:30px}.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element .profile_new_folder_hint,.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element .profile_new_image_hint_button_text{display:none}.profile_new_album_cta .gallery_matrix_item_container .gallery_new_element .profile_new_folder_hint_own{display:inline-block}}.profile_new_album_tile .gallery_matrix_item_container>a .gallery_matrix_description,.profile_new_album_tile .gallery_matrix_item_container>a .gallery_matrix_icons_container{display:none}.profile_new_album_tile .gallery_matrix_item_container>a img{opacity:.5}div.collection_user_info{float:left}div.collection_user_info p{padding-left:10px}div.collection_user_user{float:left;margin-bottom:15px;min-width:180px;overflow:hidden}div.collection_user_user .user{display:flex;flex-direction:row}div.collection_user_user .user .user_profile_img{height:100%;width:30%}div.collection_user_user .user .user_profile_img .system-image .img-container{padding-bottom:100%!important}div.collection_user_user .user .user_profile_img .system-image .img-container picture>.no_avatar{height:100%}div.collection_user_user .user .user_profile_age,div.collection_user_user .user .user_profile_name{margin-left:10px}div.collection_add{height:35px;margin-left:-1px}div.collection_add .fav-count{min-width:40px}div.collection_add .fav-count+.fav-btn{margin-left:40px}div.collection_add ul li a{width:100%}div.collection_add ul li:first-child{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;width:100%}div.collection_add ul.dropdown_btn{display:flex;width:100%}div.collection_add ul.dropdown_btn .btn_nt .btn_ni{display:none}div.fav-btn>ul.dropdown_btn{margin-bottom:0}.collection_compliment_btn{margin-top:10px}.share_dialog .modal-header .share_dialog_title{font-size:18px;font-weight:400;line-height:23px;margin:0}.share_dialog .busy_overlay,.share_dialog .done_overlay{background:#0e121480;cursor:not-allowed;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:999}.share_dialog .busy_overlay.hidden,.share_dialog .done_overlay.hidden{display:none}.share_dialog .busy_overlay .animated-icon,.share_dialog .done_overlay .animated-icon{margin:auto}.share_dialog .busy_overlay .glyphicons-ok,.share_dialog .done_overlay .glyphicons-ok{background-color:#1a1e20;border-radius:60px;font-size:30px;height:60px;margin:auto;padding-top:9px;text-align:center;width:60px}.share_dialog [name=comment]{min-height:100px}.share_dialog [name=comment]:focus{border-color:#f1f1f1;outline:none}.share_dialog .share_info{color:#b1b3b3;font-size:13px}.share_dialog .share_info .content_name{color:#fff}#mfs_core.wonder-container{margin-left:auto;margin-right:auto;max-width:100%}#mfs_core.wonder-container #page{background-color:#0e1214}@media (max-width:767.9px){#mfs_core.wonder-container{padding-top:20px;width:100%}}#mfs_core.wonder-container-fluid{max-width:100%;padding:0 30px}#mfs_core.wonder-container .row-wonder{margin:0}#mfs_core.wonder-container .row-wonder #cwonder{margin-left:auto;margin-right:auto;padding:0}@media (max-width:479.9px){#mfs_core.wonder-container .row-wonder #cwonder{padding:0}}#mfs_core.wonder-container .row-wonder #cwonder>:not(.wonder-full){margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:480px){#mfs_core.wonder-container .row-wonder #cwonder>:not(.wonder-full){width:465px}}@media (min-width:768px){#mfs_core.wonder-container .row-wonder #cwonder>:not(.wonder-full){width:750px}}@media (min-width:985px){#mfs_core.wonder-container .row-wonder #cwonder>:not(.wonder-full){width:968px}}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder #cwonder>:not(.wonder-full){width:1170px}}#mfs_core.wonder-container .row-wonder #cwonder .usersearch_seo_footer{padding:0}#mfs_core.wonder-container .row-wonder .wonder-inset-container{background-color:#0e1214;display:grid;position:relative}:not(.row-wonder) #mfs_core.wonder-container .row-wonder .wonder-inset-container{margin:0;max-width:100%;padding:0;width:100%}#mfs_core.wonder-container .row-wonder .wonder-inset-container .open_register_modal{margin-top:24px}@media (max-width:479.9px){#mfs_core.wonder-container .row-wonder .wonder-inset-container{min-width:0}}#mfs_core.wonder-container .row-wonder .intro_block{background-color:#0e1214;margin:0 auto 20px;overflow:hidden;position:relative}#mfs_core.wonder-container .row-wonder .intro_block .intro_black_image_container{position:relative}#mfs_core.wonder-container .row-wonder .intro_block .intro_black_image_container .intro_block_image{background-position:50% 33%;background-repeat:no-repeat;background-size:cover;height:260px;opacity:1;position:relative;width:100%}@media screen and (max-width:984.9px){#mfs_core.wonder-container .row-wonder .intro_block .intro_black_image_container .intro_block_image{height:180px}}#mfs_core.wonder-container .row-wonder .intro_block .intro_black_image_container .intro_block_image_gradient{background:linear-gradient(0deg,#0e1214,#0e12144d 40%,#0000);bottom:0;height:100%;position:absolute;width:100%}@media screen and (max-width:984.9px){#mfs_core.wonder-container .row-wonder .intro_block{bottom:15px}}#mfs_core.wonder-container .row-wonder .intro_block .intro_block_text{color:#fff;left:0;padding:0 15px 30px;position:absolute;right:0;text-align:center;top:70px;width:100%}@media screen and (max-width:984.9px){#mfs_core.wonder-container .row-wonder .intro_block .intro_block_text{top:50px}}#mfs_core.wonder-container .row-wonder .intro_block .intro_block_text h1{margin-bottom:0;min-height:90px}@media (max-width:767.9px){#mfs_core.wonder-container .row-wonder .intro_block .intro_block_text h1{min-height:50px}}#mfs_core.wonder-container .row-wonder .intro_block .intro_block_text h1 img{filter:drop-shadow(2px 4px 6px #0e1214);height:90px;width:auto}@media (max-width:767.9px){#mfs_core.wonder-container .row-wonder .intro_block .intro_block_text h1 img{height:auto;max-height:70px;width:100%}}#mfs_core.wonder-container .row-wonder .wonder_pills{text-align:center}#mfs_core.wonder-container .row-wonder .wonder_pills li{display:inline-block;float:none}#mfs_core.wonder-container .row-wonder .wonder_pills a{font-weight:400;white-space:nowrap}#mfs_core.wonder-container .row-wonder .wonder_pills .dates_partys_more_cities_list_headline{font-size:16px}#mfs_core.wonder-container .row-wonder .jc-infinite-scroll-more{background-image:linear-gradient(180deg,#515455 0,#4a4c4d);background-repeat:repeat-x;border-color:#2e3030;box-shadow:inset 0 1px 0 #ffffff40,0 2px 2px -2px #0e121480;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff515455",endColorstr="#ff4a4c4d",GradientType=0)}#mfs_core.wonder-container .row-wonder .jc-infinite-scroll-more.active,#mfs_core.wonder-container .row-wonder .jc-infinite-scroll-more:active{box-shadow:inset 0 3px 5px rgba(14,18,20,.125)}#mfs_core.wonder-container .row-wonder .jc-infinite-scroll-more:focus,#mfs_core.wonder-container .row-wonder .jc-infinite-scroll-more:hover{background-image:linear-gradient(180deg,#585c5d 0,#5d6162);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff585c5d",endColorstr="#ff5d6162",GradientType=0)}#mfs_core.wonder-container .row-wonder .jc-infinite-scroll-more.active,#mfs_core.wonder-container .row-wonder .jc-infinite-scroll-more:active{background-image:linear-gradient(180deg,#767b7c 0,#717677);background-repeat:repeat-x;border-color:#2e3030;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff767b7c",endColorstr="#ff717677",GradientType=0)}#mfs_core.wonder-container .row-wonder .jc-infinite-scroll-more:disabled,#mfs_core.wonder-container .row-wonder .jc-infinite-scroll-more[disabled]{background:#333536 none;border-color:#2e3030}#mfs_core.wonder-container .row-wonder .container_wonder_footer{margin:0 auto;padding-left:0;padding-right:0}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .container_wonder_footer{width:1170px}}@media (min-width:480px){#mfs_core.wonder-container .row-wonder .container_wonder_footer{width:465px}}@media (min-width:768px){#mfs_core.wonder-container .row-wonder .container_wonder_footer{width:750px}}@media (min-width:985px){#mfs_core.wonder-container .row-wonder .container_wonder_footer{width:968px}}#mfs_core.wonder-container .row-wonder .intro_block_image.member{background-image:url(/coverart/coverart_member_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.member{background-image:url(/coverart/coverart_member.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.magazin{background-image:url(/coverart/coverart_magazin_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.magazin{background-image:url(/coverart/coverart_magazin.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.forum{background-image:url(/coverart/coverart_forum_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.forum{background-image:url(/coverart/coverart_forum.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.clubs{background-image:url(/coverart/coverart_clubs_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.clubs{background-image:url(/coverart/coverart_clubs.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.livestreams{background-image:url(/coverart/coverart_livestreams_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.livestreams{background-image:url(/coverart/coverart_livestreams.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.events{background-image:url(/coverart/coverart_events_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.events{background-image:url(/coverart/coverart_events.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.sextreffen{background-image:url(/coverart/coverart_sextreffen_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.sextreffen{background-image:url(/coverart/coverart_sextreffen.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.fotos{background-image:url(/coverart/coverart_fotos_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.fotos{background-image:url(/coverart/coverart_fotos.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.dates{background-image:url(/coverart/coverart_dates_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.dates{background-image:url(/coverart/coverart_dates.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.sexeducation{background-image:url(/coverart/coverart_sexeducation_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.sexeducation{background-image:url(/coverart/coverart_sexeducation.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.gruppen{background-image:url(/coverart/coverart_gruppen_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.gruppen{background-image:url(/coverart/coverart_gruppen.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.mediathek{background-image:url(/coverart/coverart_mediathek_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.mediathek{background-image:url(/coverart/coverart_mediathek.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.entdecken{background-image:url(/coverart/coverart_entdecken_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.entdecken{background-image:url(/coverart/coverart_entdecken.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.newsletter{background-image:url(/coverart/coverart_newsletter_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.newsletter{background-image:url(/coverart/coverart_newsletter.jpg)}}#mfs_core.wonder-container .row-wonder .intro_block_image.for_business{background-image:url(/coverart/coverart_for_business_1000.jpg)}@media (min-width:1200px){#mfs_core.wonder-container .row-wonder .intro_block_image.for_business{background-image:url(/coverart/coverart_for_business.jpg)}}#mfs_core.wonder-container .row-wonder .wonder_group_search_container{margin-bottom:10px}#mfs_core.wonder-container .row-wonder .wonder_group_search_container form{margin:auto;width:100%}#mfs_core.wonder-container .row-wonder .wonder_group_search_container form .wonder_search_bar{width:calc(100% - 40px)}#mfs_core.wonder-container .row-wonder .wonder_group_search_container form .wonder_search_btn{width:40px}#mfs_core.wonder-container .row-wonder .wonder_group_search_container form input{height:38px}.cta_block{background-color:#1a1e20;border:none;border-radius:6px;border-radius:16px;box-shadow:inset 0 1px 1px #0e12140d;color:#fff;font-size:18px;font-weight:700;line-height:1.42857143;margin-bottom:15px;min-height:20px;padding:19px;text-align:center}.inset_block{border-bottom:2px solid #c51a1b;border-top:2px solid #c51a1b;color:#b1b3b3;text-align:center}.inset_block .container{padding-left:30px;padding-right:30px}.cta_block,.inset_block{margin:20px 0 8px;padding:40px 15px}@media (max-width:479.9px){.cta_block,.inset_block{padding:20px 15px}}@media (min-width:768px){.cta_block:not(.wonder-inset-html-container),.inset_block:not(.wonder-inset-html-container){padding-left:20%;padding-right:20%}}.cta_block.extra_bottom_margin,.inset_block.extra_bottom_margin{margin-bottom:20px}.cta_block.no_top_margin,.inset_block.no_top_margin{margin-top:0}.cta_block.no_bottom_margin,.inset_block.no_bottom_margin{margin-bottom:0}.cta_block.no_top_border,.inset_block.no_top_border{border-top:none}.cta_block.no_bottom_border,.inset_block.no_bottom_border{border-bottom:none}.cta_block .wonder_pills,.inset_block .wonder_pills{text-align:center}.cta_block .wonder_pills li,.inset_block .wonder_pills li{display:inline-block;float:none}.cta_block .wonder_pills a,.inset_block .wonder_pills a{font-weight:400;white-space:nowrap}.cta_block .wonder_pills .dates_partys_more_cities_list_headline,.inset_block .wonder_pills .dates_partys_more_cities_list_headline{font-size:16px}.cta_block .jc-infinite-scroll-more,.inset_block .jc-infinite-scroll-more{background-image:linear-gradient(180deg,#515455 0,#4a4c4d);background-repeat:repeat-x;border-color:#2e3030;box-shadow:inset 0 1px 0 #ffffff40,0 2px 2px -2px #0e121480;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff515455",endColorstr="#ff4a4c4d",GradientType=0)}.cta_block .jc-infinite-scroll-more.active,.cta_block .jc-infinite-scroll-more:active,.inset_block .jc-infinite-scroll-more.active,.inset_block .jc-infinite-scroll-more:active{box-shadow:inset 0 3px 5px rgba(14,18,20,.125)}.cta_block .jc-infinite-scroll-more:focus,.cta_block .jc-infinite-scroll-more:hover,.inset_block .jc-infinite-scroll-more:focus,.inset_block .jc-infinite-scroll-more:hover{background-image:linear-gradient(180deg,#585c5d 0,#5d6162);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff585c5d",endColorstr="#ff5d6162",GradientType=0)}.cta_block .jc-infinite-scroll-more.active,.cta_block .jc-infinite-scroll-more:active,.inset_block .jc-infinite-scroll-more.active,.inset_block .jc-infinite-scroll-more:active{background-image:linear-gradient(180deg,#767b7c 0,#717677);background-repeat:repeat-x;border-color:#2e3030;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff767b7c",endColorstr="#ff717677",GradientType=0)}.cta_block .jc-infinite-scroll-more:disabled,.cta_block .jc-infinite-scroll-more[disabled],.inset_block .jc-infinite-scroll-more:disabled,.inset_block .jc-infinite-scroll-more[disabled]{background:#333536 none;border-color:#2e3030}.cta_block .container_wonder_footer,.inset_block .container_wonder_footer{margin:0 auto;padding-left:0;padding-right:0}@media (min-width:1200px){.cta_block .container_wonder_footer,.inset_block .container_wonder_footer{width:1170px}}@media (min-width:480px){.cta_block .container_wonder_footer,.inset_block .container_wonder_footer{width:465px}}@media (min-width:768px){.cta_block .container_wonder_footer,.inset_block .container_wonder_footer{width:750px}}@media (min-width:985px){.cta_block .container_wonder_footer,.inset_block .container_wonder_footer{width:968px}}.reference_block:after,.reference_block:before{content:" ";display:table}.reference_block:after{clear:both}.reference_block_item{clear:both;overflow:hidden;padding:5% 20%;position:relative;text-align:center}@media screen and(max-width:984.9px){.reference_block_item{padding:10% 12px}}.reference_block_item_image{background-position:50% 0;background-size:cover;border-radius:16px;bottom:0;left:0;margin:8px 0;opacity:.65;position:absolute;right:0;top:0;z-index:0}.reference_block_item_text{color:#e6e6e6;line-height:1.42857143;position:relative;text-shadow:0 0 2px #0e1214;z-index:2}.reference_block_item_text h2{font-weight:700}.reference_block_item_text p{font-size:14px}.reference_block_item{background-color:#0e1214}.reference_block_item_image.member{background-image:url(/coverart/coverart_member_1000.jpg)}.reference_block_item_image.magazin{background-image:url(/coverart/coverart_magazin_1000.jpg)}.reference_block_item_image.forum{background-image:url(/coverart/coverart_forum_1000.jpg)}.reference_block_item_image.clubs{background-image:url(/coverart/coverart_clubs_1000.jpg)}.reference_block_item_image.livestreams{background-image:url(/coverart/coverart_livestreams_1000.jpg)}.reference_block_item_image.events{background-image:url(/coverart/coverart_events_1000.jpg)}.reference_block_item_image.sextreffen{background-image:url(/coverart/coverart_sextreffen_1000.jpg)}.reference_block_item_image.fotos{background-image:url(/coverart/coverart_fotos_1000.jpg)}.reference_block_item_image.dates{background-image:url(/coverart/coverart_dates_1000.jpg)}.reference_block_item_image.sexeducation{background-image:url(/coverart/coverart_sexeducation_1000.jpg)}.reference_block_item_image.gruppen{background-image:url(/coverart/coverart_gruppen_1000.jpg)}.reference_block_item_image.mediathek{background-image:url(/coverart/coverart_mediathek_1000.jpg)}.reference_block_item_image.entdecken{background-image:url(/coverart/coverart_entdecken_1000.jpg)}.reference_block_item_image.hilfe{background-image:url(/coverart/coverart_hilfe_1000.jpg)}.reference_block_item_image.community_guide{background-image:url(/coverart/coverart_community_guide_1000.jpg)}.wonderbody .sub_navigation_pills_container:not(.navilight_pills_container){position:absolute;width:100vw}.wonderbody .sub_navigation_pills_container:not(.navilight_pills_container) .sub_navigation_pills{margin:0 auto}.wonderbody .sub_navigation_pills_container:not(.navilight_pills_container):after{background-image:none}.wonderbody .navilight_pills_container{margin-bottom:10px}.wonderbody .sextreffen_pills_container{margin-bottom:20px;margin-top:-10px}.wonderbody #cwonder .wog_article{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:1200px){.wonderbody #cwonder .wog_article{width:1170px}}@media (min-width:480px){.wonderbody #cwonder .wog_article{width:465px}}@media (min-width:768px){.wonderbody #cwonder .wog_article{width:750px}}@media (min-width:985px){.wonderbody #cwonder .wog_article{width:968px}}@media (min-width:768px){#c .cta_block:not(.wonder-inset-html-container),#c .inset_block:not(.wonder-inset-html-container){padding-left:10px;padding-right:10px}}.wonder-inset-container{display:grid}:not(.row-wonder) .wonder-inset-container{margin:0;max-width:100%;padding:0;width:100%}@media (max-width:479.9px){.wonder-inset-container{min-width:0}}.wonder_centered_content_container{margin:0 auto;position:relative;width:100%}div.wog_quote{background-color:#1a1e20;border:1px solid #303436;border-radius:6px;border-radius:4px;box-shadow:inset 0 1px 1px #0e12140d;margin-bottom:20px;min-height:20px;overflow:hidden;padding:9px}a.wog,a.wog_new{font-weight:700}a.wog_new{color:#868889}.tilelist>li{border-right:15px solid #0000;margin-bottom:15px;overflow:hidden}.tilelist>li:before{content:"";display:block;padding-top:100%}.tilelist-content{bottom:0;left:0;position:absolute;right:0;top:0}.tilelist-content .tilelist_placeholder{height:75px!important}.tilelist>li div.cover{align-items:center;background:#0e1214;border:1px solid #1a1e20;cursor:pointer;display:flex;flex-direction:column;height:100%;left:0;padding-top:20%;position:absolute;text-align:center;transition:left .5s;width:100%}@media screen and (max-width:1199.9px){.tilelist>li div.cover{padding-top:15%}.tilelist_xl.tilelist>li div.cover{padding-top:13%}}.tilelist>li:focus div.cover,.tilelist>li:hover div.cover{left:100%}.tilelist>li div.cover>h2{color:#868889}.tilelist_xl.tilelist>li div.cover>h2{color:#fff;text-shadow:1px 1px 2px #0e1214}.tilelist>li div.slideby{font-size:11px;line-height:1.5}.tilelist>li div.slideby h2{margin-bottom:10px}@media screen and (max-width:767.9px){.touch #mfs_core:not(.wog_advent) .slideby{left:0!important}}.tilelist>li div.slideby{background:#1a1e20;border:1px solid #1a1e20;color:#fff;font-size:12px;height:100%;left:-100%;line-height:19px;padding:10px;position:absolute;transition:all .5s;width:100%}.tilelist>li:focus div.slideby,.tilelist>li:hover div.slideby{left:0}.tilelist>li div.slideby>a{background:#0000 url(/button/link.bg.png) 0 -650px no-repeat;padding-left:13px;text-decoration:none}.tilelist>li div.slideby>a:focus,.tilelist>li div.slideby>a:hover{background-position:0 -600px;color:#fff}.wog_float_right{clear:right;float:right;margin:0 0 15px 15px}.wog_float_left{float:left;margin:0 15px 15px 0}.wog_float_center{display:flex;justify-content:center}@media (max-width:479.9px){.wog_img_wrapper{display:flex;justify-content:center;width:100%}}.wog_img_wrapper .wog_img_tag{max-width:100%;position:relative}.wog_img_wrapper .wog_img_tag .agecheck_login:hover{cursor:pointer}.wog_img_wrapper .wog_img_tag .image-ui{max-width:100%}.wog_img_wrapper .wog_img_tag .image-ui .core-img{border-radius:16px}.zoom_able:hover{cursor:pointer}#wog_img_list .c_caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#wog_img_list .c_caption .glyphicons-lock,#wog_img_list .c_caption .glyphicons-play-button{display:none;margin-right:5px}#wog_img_list .fsk18 .c_caption .glyphicons-lock,#wog_img_list .play .c_caption .glyphicons-play-button{display:inline-block}.overlay_settings_selection{margin:14px 0 7px;width:180px}@media screen and (max-width:479.9px){.wog_article .table-wrapper{overflow-x:scroll}.wog_article .table-wrapper .table-touch-scroll-icon{background-color:#0e1214;height:100%;position:absolute;right:0}.wog_article .table-wrapper .table-touch-scroll-icon.glyphicons-hand-up{margin-top:23px}}.wog_article table{table-layout:fixed;word-wrap:break-word}@media screen and (max-width:479.9px){.wog_article table{table-layout:auto}}.wog_article .panel-body,.wog_article p.wog,.wog_article ul.wog>li{color:#b1b3b3}.wog_float_no_float>div{float:left;max-width:100%}.wog_float_no_float:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}.wog_img{border-radius:16px;max-height:100%;max-width:100%}a>.wog_img{margin-bottom:5px}.wog_framed{background-color:#1a1e20;border:1px solid #303436;max-width:100%}.wog_framed>div{max-width:100%;padding:3px 6px}.wog_framed .wog_img{border:1px solid #303436}.wog_framed .wog_caption{color:#fff;font-size:13px;font-style:normal;line-height:18px;padding:5px 0 2px;text-align:left}.wog_float_center.wog_framed .wog_caption{text-align:center}#ts .wog_framed{background-color:initial;border:none;padding:0}#ts .wog_framed .wog_img{border:none}#ts .wog_framed .wog_caption,.c_caption.wog_caption{font-size:12px;line-height:14px}#ts .wog_framed .wog_caption{color:#868889;font-style:normal;padding:3px;text-align:center}#c .wog_img_tag.wog_size_xl>div{padding:0}#c .wog_img_tag.wog_size_xl .wog_img{border:none}.wog_caption{font-weight:400;min-width:100%;width:1px}.wog_caption a{display:inline-block}div.wog_toc{background-color:#1a1e20;border:1px solid #303436;border-radius:6px;border-radius:4px;box-shadow:inset 0 1px 1px #0e12140d;clear:both;margin-bottom:20px;min-height:20px;padding:9px}ol.wog,ul.wog,ul.wog_toc{list-style:none outside;margin:5px 0 10px 25px;padding:0}ol.wog{list-style-type:decimal}ul.wog{list-style-type:disc}ul.wog>li{color:#b1b3b3;font-size:15px;line-height:1.5}ul.wog_toc{line-height:15px;margin:5px;padding-left:0}ul.wog_toc a{line-height:22px!important}ul.wog_toc>li>ul.wog_toc{margin:0 0 0 40px}.wog_toc .wog_subheadline{border-bottom:1px dotted #515455}.wog_toc .wog_toc_headline{color:#fff;font-size:14px!important;line-height:22px!important;padding-bottom:10px}.wog_sn>ul>li{margin-bottom:2px!important;overflow:hidden;position:relative}.wog_sn>ul>li .ellipsis{line-height:1.3;margin-bottom:-2px;margin-top:2px;padding-right:0}.wog_sn>ul>li:hover .ellipsis{padding-right:28px}.wog_sn>ul>li>a{color:#fff;font-weight:700;padding-right:30px;white-space:inherit}.wog_sn>ul>li>a,.wog_sn>ul>li>a:hover{background:#1a1e20!important}.wog_sn>ul>li a.active{background:#303436!important}.wog_sn>ul>li>a>span.joyicons{display:none;position:absolute;right:10px}.wog_sn>ul>li:hover>a>span.joyicons{display:inline}.wog_sn>ul>li a.active{background:#c51a1b!important;color:#fff;font-weight:700;margin-top:10px}.wog_sn>ul>li a.active>span.joyicons{display:inline;transform:rotate(90deg)}.wog_sn>ul>li ul.element{background:none;border-bottom:3px solid #c51a1b;margin-bottom:10px;padding:0!important}.wog_sn>ul>li ul.element.active{display:block}.wog_sn>ul>li ul.element li{margin:1px 0!important}.wog_sn>ul>li ul.element li a{background:#1a1e20;color:#fff;display:block;font-size:14px;font-weight:400;padding:5px 25px}.wog_sn>ul>li ul.element li a:hover{background:#1a1e20;color:#fff;text-decoration:none}.wog_sn>ul>li ul.element li.active a{background:#c51a1b;color:#fff}.wog2_carousel{background-color:#1a1e20;border:1px solid #303436;height:729px}.wog2_carousel .wog2_children{display:block;position:relative}.wog2_carousel ul{display:inline-block}.wog2_carousel strong{color:#fff}.wog2_carousel .indicator{cursor:pointer;height:160px;position:absolute;top:110px;width:40px;z-index:1000}.wog2_carousel .indicator,.wog2_carousel .indicator .glyphicons{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:ease-in-out;transition:all .2s ease}.wog2_carousel .indicator .glyphicons{font-size:40px;margin-top:-10px;opacity:.6;text-shadow:0 0 10px #0e1214;top:50%}.wog2_carousel .indicator:hover .glyphicons{opacity:.5}.wog2_carousel .indicator.next{right:5px}.wog2_carousel .indicator.next .glyphicons{margin-left:-5px}.wog2_carousel .indicator.next:hover .glyphicons{margin-left:-8px}.wog2_carousel .indicator.prev{left:5px}.wog2_carousel .indicator.prev .glyphicons{padding-left:0}.wog2_carousel .indicator.prev:hover .glyphicons{padding-left:2px}@media screen and (max-width:984.9px){.wog2_carousel.default .indicator{top:70px}}@media screen and (max-width:767.9px){.wog2_carousel.default .indicator{top:44px}}.wog2_carousel .wog2_child{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:ease-in-out;display:none;left:0;opacity:0;position:absolute;top:0;transition:all .2s ease}.wog2_carousel .wog2_child.active{display:block;opacity:1;position:relative}.wog2_carousel .wog2_child:not(.active) .child_image .copy{display:none}.wog2_carousel .wog2_child .child_image{left:0;position:relative;top:0;width:100%}.wog2_carousel .wog2_child .child_image img{background-position:50% 25%;background-size:cover;height:400px;width:100%;z-index:5}@media screen and (max-width:984.9px){.wog2_carousel .wog2_child .child_image img{height:300px}}@media screen and (max-width:767.9px){.wog2_carousel .wog2_child .child_image img{height:240px}}.wog2_carousel .wog2_child .child_image .copy{z-index:10}.wog2_carousel .wog2_child .child_content{padding:10px 10px 30px;position:relative!important;text-align:left;top:100%!important;z-index:100}.wog2_carousel .wog2_child .child_content h3{border-bottom:1px solid #1a1e20;color:#fff;font-size:18px!important;margin-top:10px;padding-bottom:8px}.wog2_carousel .wog2_child .child_content p{color:#b1b3b3}.wog2_carousel .wog2_child.img_left .child_image,.wog2_carousel .wog2_child.img_right .child_image{max-width:40%;position:relative}.wog2_carousel .wog2_child.img_left .child_image.img_left,.wog2_carousel .wog2_child.img_right .child_image.img_left{float:left;margin-right:20px}.wog2_carousel .wog2_child.img_left .child_image.img_right,.wog2_carousel .wog2_child.img_right .child_image.img_right{float:right;margin-left:20px}.wog2_carousel .wog2_child.img_left .child_content{padding-right:50px}@media screen and (max-width:984.9px){.wog2_carousel .wog2_child.img_left .child_content{padding-right:50px}}.wog2_carousel .wog2_child.img_right .child_content{padding-left:50px}@media screen and (max-width:984.9px){.wog2_carousel .wog2_child.img_right .child_content{padding-left:50px}}.wog2_carousel .wog2_child.img_right .child_source{left:50px;right:auto;text-align:left}.wog2_carousel .bullets{bottom:10px;position:absolute;width:100%}.wog2_carousel .bullets .center{display:block;margin-left:auto;margin-right:auto;position:relative}.wog2_carousel .bullets .bullet{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:ease-in-out;border:2px solid #515455;border-radius:16px;box-shadow:0 0 10px #0e121433;cursor:pointer;display:inline-block;height:14px;margin-right:5px;opacity:.5;position:relative;transition:all .2s ease;width:14px;z-index:100}.wog2_carousel .bullets .bullet.active{background-color:#515455;opacity:1}.wog2_carousel_extended{background-color:#1a1e20;border:1px solid #303436;height:200px;overflow:hidden;visibility:hidden;width:100%}.wog2_carousel_extended .wog2_child_extended{display:inline-block;overflow:hidden}.wog2_carousel_extended .wog2_child_extended .child_container{overflow:hidden;padding:15px}.wog2_carousel_extended .wog2_child_extended .child_container h3{margin-top:0}.wog2_carousel_extended .wog2_child_extended .video_icon{height:100%!important;width:100%!important}.wog2_carousel_extended .child_image{left:0;position:relative;top:0;width:100%}.wog2_carousel_extended .child_image img{background-position:50% 25%;background-size:cover;height:400px;width:100%;z-index:5}@media screen and (max-width:984.9px){.wog2_carousel_extended .child_image img{height:300px}}@media screen and (max-width:767.9px){.wog2_carousel_extended .child_image img{height:240px}}.wog2_carousel_extended .wog_slick_controls{background-color:#1a1e20;display:flex}.wog2_carousel_extended .wog_slick_controls .wog_bubbles{flex-grow:1;margin:0;min-height:42px;order:2;padding:10px 0;text-align:center}.wog2_carousel_extended .wog_slick_controls .wog_bubbles li{display:inline-block;margin:0 5px}.wog2_carousel_extended .wog_slick_controls .wog_bubbles li .wog_bubble{background-color:#515455;border-radius:8px;cursor:pointer;height:10px;width:10px}.wog2_carousel_extended .wog_slick_controls .wog_bubbles li.slick-active .wog_bubble{background-color:#303436}.wog2_carousel_extended .wog_slick_controls .indicator{align-items:center;cursor:pointer;display:flex;flex-direction:column;width:60px;z-index:1000}.wog2_carousel_extended .wog_slick_controls .indicator,.wog2_carousel_extended .wog_slick_controls .indicator .glyphicons{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:ease-in-out;transition:all .2s ease}.wog2_carousel_extended .wog_slick_controls .indicator .glyphicons{font-size:20px;margin-top:-10px;opacity:.6;text-shadow:0 0 10px #0e1214;top:50%}.wog2_carousel_extended .wog_slick_controls .indicator:hover .glyphicons{opacity:.5}.wog2_carousel_extended .wog_slick_controls .indicator.next{order:3}.wog2_carousel_extended .wog_slick_controls .indicator.prev{order:1}.wog2_carousel_extended .wog_slick_controls .indicator.prev .glyphicons{padding-left:0}.wog2_carousel_extended .slick-track{display:flex}.wog2_breadcrumb{background-color:#1a1e20;margin:0!important;position:relative;z-index:100}.wog2_breadcrumb li{float:left;position:relative}.wog2_breadcrumb li a{background-color:#c51a1b;color:#fff;display:block;font-weight:400;margin-right:1px;padding:8px 10px}.wog2_breadcrumb li a:hover{background-color:#c51a1b;text-decoration:none}.wog2_breadcrumb li a .glyphicons{font-size:11px;opacity:.5}.wog2_breadcrumb li:last-child:after{clear:both}@media screen and (max-width:767.9px){.wog2_breadcrumb li a{font-size:11px;padding:2px 8px}}.wog2_breadcrumb .magazin_navigation{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:ease-in-out;background-color:#0e1214cc;border-bottom:10px solid #fff3;min-height:200px;opacity:0;padding:20px 10px;pointer-events:none;position:absolute;top:120%;transition:all .2s ease;width:100%;z-index:1}.wog2_breadcrumb .magazin_navigation.active,.wog2_breadcrumb .magazin_navigation:hover{display:block;opacity:1;pointer-events:auto;top:100%}@media screen and (max-width:767.9px){.wog2_breadcrumb .magazin_navigation.active,.wog2_breadcrumb .magazin_navigation:hover{background-color:#303436}}.wog2_breadcrumb .magazin_navigation .mag_nav{display:none}.wog2_breadcrumb .magazin_navigation .mag_nav.active{display:block}.wog2_breadcrumb .magazin_navigation .wog2_bc_heading{color:#fff;font-size:30px;font-weight:700;line-height:40px;margin:0 0 20px}.wog2_breadcrumb .magazin_navigation .wog2_bc_teaser_heading{color:#fff;font-size:16px!important;font-weight:700;line-height:20px;margin:15px 0 5px!important}.wog2_breadcrumb .magazin_navigation .cat-pill{background-color:#c51a1b80;border-radius:4px;color:#fff;cursor:pointer;float:left;font-weight:700;margin-bottom:5px;margin-right:5px;padding:5px 10px;position:relative}.wog2_breadcrumb .magazin_navigation .cat-pill:hover{background-color:#c51a1bb3;color:#fff}.wog2_breadcrumb .article_teaser a{color:#fff;text-decoration:none!important}.wog2_breadcrumb .article_teaser .teaser_image{background-size:cover;height:200px;width:100%}.wog2_breadcrumb .article_teaser .teaser_image .overlay{height:200px;line-height:200px}.wog2_breadcrumb .article_teaser .teaser_text{width:100%}.magazine_article .cite,.magazine_category .cite,.wog_article .cite{clear:both;color:#f1f1f1;font-style:normal;line-height:1.42857143;margin:10px auto 0;text-align:left;width:80%}@media (max-width:984.9px){.magazine_article .cite,.magazine_category .cite,.wog_article .cite{width:95%}}.magazine_article .cite .bd,.magazine_category .cite .bd,.wog_article .cite .bd{height:8px;line-height:0}.magazine_article .cite .cite_text,.magazine_category .cite .cite_text,.wog_article .cite .cite_text{font-size:16px;padding:0 43px;text-align:center;width:100%}.magazine_article .cite .ld,.magazine_category .cite .ld,.wog_article .cite .ld{margin-top:-33px;text-align:right}.magazine_article .cite .cite_author,.magazine_category .cite .cite_author,.wog_article .cite .cite_author{font-size:12px;font-style:italic;left:-47px;position:relative;text-align:right;top:-24px}.magazine_article .wog_date,.magazine_category .wog_date,.wog_article .wog_date{color:#515455;font-size:12px;text-align:right}.magazine_article h1,.magazine_category h1,.wog_article h1{font-size:30px;font-weight:700;line-height:40px;margin:0}.magazine_article h1 .subheadline,.magazine_category h1 .subheadline,.wog_article h1 .subheadline{display:block;font-size:18px;line-height:26px;padding-top:5px}.magazine_article h2,.magazine_article h2 a,.magazine_article h3,.magazine_article h4,.magazine_article h5,.magazine_category h2,.magazine_category h2 a,.magazine_category h3,.magazine_category h4,.magazine_category h5,.wog_article h2,.wog_article h2 a,.wog_article h3,.wog_article h4,.wog_article h5{color:#fff;font-weight:700;text-rendering:optimizelegibility}.magazine_article h2,.magazine_article h2 a,.magazine_category h2,.magazine_category h2 a,.wog_article h2,.wog_article h2 a{font-size:22px;line-height:30px;margin-top:38px}.magazine_article .tilelist-content h2,.magazine_category .tilelist-content h2,.wog_article .tilelist-content h2{font-size:20px;font-weight:400;line-height:1;margin-top:0;padding-top:0}.magazine_article h3,.magazine_category h3,.wog_article h3{font-size:18px;line-height:23px;margin-top:18px}.magazine_article h4,.magazine_category h4,.wog_article h4{font-size:16px;line-height:20px;margin-top:16px}.magazine_article h5,.magazine_category h5,.wog_article h5{font-size:14px;margin-top:14px}@media (max-width:767.9px){.magazine_article h1 .subheadline,.magazine_category h1 .subheadline,.wog_article h1 .subheadline{font-size:22px;line-height:30px}.magazine_article h2,.magazine_article h2 a,.magazine_category h2,.magazine_category h2 a,.wog_article h2,.wog_article h2 a{font-size:20px}.magazine_article h3,.magazine_category h3,.wog_article h3{font-size:17px}.magazine_article h4,.magazine_category h4,.wog_article h4{font-size:15px}}.magazine_article,.magazine_article~.row .article_list,.wog2_article_body{min-height:1px;padding-left:15px;padding-right:15px;position:relative}@media (min-width:768px){.magazine_article,.magazine_article~.row .article_list,.wog2_article_body{float:left;margin-left:8.33333333%;width:83.33333333%}}@media (min-width:985px){.magazine_article,.magazine_article~.row .article_list,.wog2_article_body{float:left;margin-left:16.66666667%;width:66.66666667%}}.wog_article ol.breadcrumb{margin-bottom:0!important}.wog_article .wog_content_wrapper{color:#f1f1f1;margin-top:15px}.wog_article .wog_content_wrapper.magazine_article{margin-top:30px!important}@media (max-width:767.9px){.wog_article .wog_content_wrapper.magazine_article{margin-top:10px!important}}.wog_article .wog_content_wrapper .td_fc_big,.wog_article .wog_content_wrapper .td_fc_hint,.wog_article .wog_content_wrapper .td_fc_med,.wog_article .wog_content_wrapper .td_fc_small{background-color:#1a1e20;border:1px solid #303436;border-radius:6px;border-radius:4px;box-shadow:inset 0 1px 1px #0e12140d;margin-bottom:20px;min-height:20px;padding:9px}.wog_article .wog_content_wrapper .wog_author{color:#868889;font-size:13px;font-style:italic}.wog_article .wog_content_wrapper .wog_author .wog_author_name a.postlink{background:none;color:#c51a1b;font-weight:700;padding-left:0}.wog_article .wog_content_wrapper .wog_author .wog_author_date{color:#868889}.wog_article .wog_content_wrapper ul.heart{overflow:hidden;padding-left:25px}.wog_article .wog_content_wrapper ul.wog{overflow:hidden;padding-left:20px}.wog_article .wog_content_wrapper .wog_fsk18_video .video_player_img{filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius="5");filter:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciLz4=#blur);filter:blur(8px);-webkit-filter:blur(8px);-moz-filter:blur(8px);-ms-filter:blur(8px);-o-filter:blur(8px)}.magazine_article,.magazine_category{color:#f1f1f1;font-size:15px}.magazine_article p.wog,.magazine_category p.wog{color:#f1f1f1}.magazine_article>p.wog:first-of-type,.magazine_category>p.wog:first-of-type{color:#fff;font-size:17px;line-height:1.42857143}.magazine_article .c_caption.wog_caption,.magazine_category .c_caption.wog_caption{background-color:#1a1e20;clear:both;color:#f1f1f1;font-size:11px;font-style:normal;padding:10px;text-align:center}.copy{color:#868889;cursor:pointer;font-size:16px;font-style:italic;height:40px;padding-right:10px;padding-top:10px;position:absolute;right:0;text-align:right;top:0}@media screen and (max-width:767.9px){.copy{font-size:16px}}.copy:hover .c_sign{float:right;margin-bottom:10px;margin-left:5px}.copy:hover .c_info{background-color:#0e12144d;border-radius:6px;color:#f1f1f1;display:inline-block;font-size:11px;margin-left:20px;padding:0 5px;position:relative;right:0;top:0}.wog2_article_header{position:relative}.wog2_article_header .img_container{height:650px;overflow:hidden;position:relative}#cwide .wog2_article_header .img_container{height:auto}@media (min-width:768px){.wog2_article_header .img_container{filter:alpha(opacity=85);opacity:.85}}@media (max-width:1199.9px){.wog2_article_header .img_container{height:530px}}@media (max-width:984.9px){.wog2_article_header .img_container{height:410px}}@media (max-width:767.9px){.wog2_article_header .img_container{height:250px}}@media screen and (max-width:767.9px){.wog2_article_header .img_container{margin-bottom:40px!important}}.wog2_article_header .img_container .overlay_gif{max-height:100%!important}.wog2_article_header .headline{left:0;margin-left:40px;margin-top:80px;max-width:45%;position:absolute;text-align:center;text-shadow:1px 1px 6px #0e1214b3;top:0}@media screen and (max-width:767.9px){.wog2_article_header .headline{margin:30px 0;max-width:100%;position:relative}}.wog2_article_header .headline h1{color:#fff;font-size:40px;font-weight:700;line-height:1.1;margin-bottom:10px;margin-top:30px;text-rendering:optimizeLegibility}@media screen and (max-width:984.9px){.wog2_article_header .headline h1{font-size:30px;line-height:1.2}}.wog2_article_header .headline .sub{border-bottom:1px solid #fff;border-top:1px solid #fff;font-size:16px;font-weight:700;padding:20px 0}@media screen and (max-width:767.9px){.wog2_article_header .headline .sub{font-size:14px;padding:12px 0}}.wog2_article_header .headline .date{font-size:12px;padding-top:6px;text-align:center}@media screen and (min-width:768px){.wog2_article_header .headline.right{left:auto;margin-left:auto;margin-right:40px;right:0}.wog2_article_header .headline.center{left:50%;margin-left:-22.5%;margin-right:auto;width:100%}}@media screen and (min-width:768px) and (max-width:984.9px){#cwide .wog2_article_header .headline.center{margin-top:20px}}.wog2_article_header img{border-radius:16px;width:100%}.wog2_article_header img.overlay_gif{bottom:0;left:0;position:absolute;top:0}.magazine_headline{display:block;margin-bottom:20px;text-align:left}.magazine_headline h1{font-size:35px;margin-bottom:15px}.magazine_headline h1 a{text-decoration:none}.magazine_headline .jc_logo{height:25px;width:190px}.magazine_slogan{background-image:linear-gradient(90deg,#c51a1b,#0e1214 140%);border-radius:0;color:#fff;display:block;font-size:17px;font-weight:700;line-height:1;padding:7px 11px;text-align:left}.animated{transition:all .2s ease}.wog-code{font-family:Lucida Console,monospace}.article_teaser{align-items:stretch;background-color:#1a1e20;border-bottom:1px solid #1a1e20;display:flex}.article_teaser:hover{color:#fff;text-decoration:none!important}.article_teaser .teaser_image{align-items:stretch;background-size:cover;background:#1a1e20 50% 25%;display:flex;position:relative;width:35%}.article_teaser .teaser_image .overlay{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:ease-in-out;background-color:#c51a1b80;cursor:pointer;font-size:17px;font-weight:700;margin-left:-90%;min-height:100px;padding-left:0;padding-top:30px;text-align:center;text-shadow:0 0 5px #0e1214;transition:all .2s ease;width:100%}@media screen and (max-width:767.9px){.article_teaser .teaser_image .overlay{font-size:14px}}.article_teaser .teaser_image .overlay .glyphicons{font-size:15px;margin-right:5px;margin-top:1px}.article_teaser .teaser_image .text{margin-left:-10%}.article_teaser .teaser_text{color:#b1b3b3;padding-bottom:15px;padding-left:20px;padding-right:20px;width:75%}.article_teaser .teaser_text .teaser_heading{color:#fff;cursor:pointer;font-size:16px!important;line-height:20px!important;margin:15px 0 5px!important;text-rendering:optimizeLegibility}.article_teaser:hover{background-color:#1a1e20}.article_teaser:hover .overlay{margin-left:0;padding-left:8px}.article_teaser+br,.article_teaser.further_article{display:none}.magazin_navigation .article_teaser{display:block;overflow:hidden}.magazin_navigation .article_teaser .overlay{line-height:120px!important}.article_box{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:ease-in-out;border-bottom:5px solid #c51a1b;border-top:5px solid #c51a1b;display:inline-block;margin-bottom:45px!important;margin-top:40px!important;overflow:hidden;padding:20px 0 0;transition:all .2s ease;width:100%}@media screen and (max-width:767.9px){.article_box{margin-left:0;margin-top:20px;width:100%}}.article_box .box_info{font-size:24px;font-weight:700;line-height:1.42;margin-bottom:35px;margin-top:16px;text-align:left}.article_box .box_text{background-color:#1a1e20;border:1px solid #1a1e20;color:#b1b3b3;font-size:15px;line-height:1.5;margin-top:25px;overflow:hidden;padding:20px 35px}.article_box .box_header{font-size:20px;font-weight:700;margin-bottom:20px}@media (max-width:767.9px){.article_box .box_header{font-size:18px}}.article_box .more_teaser{background-color:#1a1e20;color:#b1b3b3;cursor:pointer;display:block;font-weight:400;margin-top:5px;padding:17px 20px!important;text-align:center;width:100%}.article_box .poll .box_info{padding-left:34px}.article_box .poll .box_info .glyphicons{margin-left:-33px!important}.article_box .poll .footer{background-color:#1a1e20;padding:10px;text-align:center}.article_box .poll_option{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:ease-in-out;background-color:#1a1e20;border:1px solid #1a1e20;color:#b1b3b3;display:block;margin-bottom:4px;min-height:50px;padding:20px 10px;transition:all .2s ease}.article_box .poll_option .glyphicons{color:#515455;font-size:25px;margin-right:15px}.article_box .poll_option.selected,.article_box .poll_option:hover:not(.triggered){background-color:#1a1e20}.article_box .poll_option.selected .glyphicons,.article_box .poll_option:hover:not(.triggered) .glyphicons{color:#c51a1b}.article_box .poll_option:not(.triggered){cursor:pointer}.article_box .poll_option .icon{width:8%}.article_box .poll_option .icon,.article_box .poll_option .text{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:ease-in-out;float:left;transition:all .2s ease}.article_box .poll_option .text{width:92%}.article_box .poll_option .poll_count{background-color:#303436;border:none;height:0;margin-bottom:0;overflow:hidden;position:relative;width:100%}.article_box .poll_option .poll_count,.article_box .poll_option .poll_count .poll_progress{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:ease-in-out;transition:all .2s ease}.article_box .poll_option .poll_count .poll_progress{background-color:#c51a1b;bottom:0;box-shadow:inset -24px 0 27px #c51a1b;position:absolute;top:0;width:0}.article_box .poll_option .poll_count .poll_progress_value{font-size:9px;margin-top:-4px;padding-right:20px;text-align:right}.article_box .poll_option.triggered .poll_count{border:1px solid #515455;height:15px;margin-bottom:12px}.article_box .poll_option.triggered .icon{float:left;overflow:hidden;width:0}.article_box .poll_option.triggered .text{float:left;width:100%}ul.tag_cloud{font-size:12.5px;line-height:2em;margin:0;text-align:center}ul.tag_cloud li{display:inline-block}ul.tag_cloud a{color:#868889;padding:5px;white-space:nowrap}ul.tag_cloud li a.tag1{font-size:.9em}@media (max-width:767.9px){ul.tag_cloud li a.tag1{font-size:.7em}}ul.tag_cloud li a.tag2{font-size:1.4em}@media (max-width:767.9px){ul.tag_cloud li a.tag2{font-size:1.2em}}ul.tag_cloud li a.tag3{font-size:1.8em}@media (max-width:767.9px){ul.tag_cloud li a.tag3{font-size:1.6em}}.accordion ul.wog li a{font-size:14px;padding:0}.wog_gallery{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;width:100%}.wog_gallery li.foto{display:block;float:left;margin-bottom:10px;min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:50%}@media (min-width:768px){.wog_gallery li.foto{float:left;width:33.33333333%}}.video_wrapper{width:100%}.office_mode .wog2_article_header .img_container>img+img.overlay_gif{display:none}.wog_link_button{white-space:unset!important}.wog_link_button .txt{float:none}@media (min-width:768px) and (max-width:984.9px){.wog_logout_page #sn{min-height:1px;padding-left:15px;padding-right:15px;position:relative}}@media (min-width:768px) and (max-width:984.9px) and (min-width:768px){.wog_logout_page #sn{float:left;width:16.66666667%}}@media (min-width:768px){.wog_search_mobile_ui{display:none}}.wog_search_mobile_ui .wog_search_bar{width:calc(100% - 40px)}.wog_search_mobile_ui .wog_search_bar #magazine_search{border-radius:4px 0 0 4px}.wog_search_mobile_ui .wog_search_btn{height:39px;width:40px}.wog_search_mobile_ui .wog_search_btn .btn{border-radius:0 4px 4px 0}#subnavigation{display:flex;flex-direction:column}#subnavigation li{padding-left:0}#subnavigation>.navigation_container.wog_category_list{margin-bottom:2px}#subnavigation>.navigation_container.wog_category_list ul{margin-bottom:0}#subnavigation>.navigation_container.wog_category_list .navigation_link_item{padding-left:0;position:relative}#subnavigation>.navigation_container.wog_category_list .navigation_link_item a{background:#1a1e20;border-top-width:0;color:#b1b3b3;display:flex;font-size:13px;padding:5px 10px;text-decoration:none;transition:all .3s ease}#subnavigation>.navigation_container.wog_category_list .navigation_link_item a .navigation_link_icon{font-size:14px;margin-right:6px}#subnavigation>.navigation_container.wog_category_list .navigation_link_item:hover{background:none}#subnavigation>.navigation_container.wog_category_list .navigation_link_item:hover a{background:#303436;color:#fff;text-decoration:none}#subnavigation>.navigation_container.wog_category_list .navigation_link_item.active a{background:#771718;color:#fff}#subnavigation>.navigation_container.wog_category_list .navigation_link_item.navigation_container_header a{background:#303436;justify-content:center}#subnavigation>.navigation_container.wog_category_list .navigation_link_item.navigation_container_header:hover a{background:#515455}#subnavigation>.navigation_container.wog_category_list .navigation_link_item.navigation_container_header .navigation_link_icon{display:none}#subnavigation>.navigation_container.wog_category_list .navigation_link_item .badge{border-radius:4px;box-shadow:0 0 5px 5px #1a1e20;font-size:11px;min-width:24px;padding:3px;position:absolute;right:8px;top:9px}#subnavigation .wog_search_ui{margin-bottom:10px;padding-left:0}#subnavigation .wog_category_list.navigation_container{padding-left:0}#subnavigation .wog_category_list.navigation_container .navigation_link_item,#subnavigation .wog_category_list.navigation_container .navigation_title{margin-bottom:2px;padding:0}#subnavigation .wog_category_list.navigation_container .navigation_link_item a,#subnavigation .wog_category_list.navigation_container .navigation_title a{color:#fff;display:block;font-weight:700;line-height:24px;padding:5px 30px 5px 15px}#subnavigation .wog_category_list.navigation_container .navigation_link_item a:focus,#subnavigation .wog_category_list.navigation_container .navigation_link_item a:hover,#subnavigation .wog_category_list.navigation_container .navigation_title a:focus,#subnavigation .wog_category_list.navigation_container .navigation_title a:hover{text-decoration:none}#subnavigation .wog_category_list.navigation_container .navigation_link_item.is_expandable:after,#subnavigation .wog_category_list.navigation_container .navigation_title.is_expandable:after{content:"\e90e";font-family:Joyicons;line-height:34px;pointer-events:none;position:absolute;right:10px;top:0;z-index:10}#subnavigation .wog_category_list.navigation_container.open_category.with_sub_categories{border-bottom:3px solid #771718;margin:10px 0}#subnavigation .wog_category_list.navigation_container.open_category.with_sub_categories li:not(:first-of-type) a{padding-left:25px}#subnavigation .wog_category_list.navigation_container.open_category.with_sub_categories li.navigation_title:after{content:"\e90e";font-family:Joyicons;line-height:34px;position:absolute;right:10px;top:0;transform:rotate(90deg);z-index:10}#subnavigation .wog_category_list.navigation_container.open_category li{margin-bottom:1px}#subnavigation .wog_category_list.navigation_container.open_category li.navigation_title{background:#771718;font-family:inherit;font-size:13px;font-weight:700;position:relative}#subnavigation .wog_category_list.navigation_container.active{border-bottom:3px solid #771718;margin-bottom:10px;margin-top:10px}#subnavigation .wog_category_list.navigation_container.active .navigation_link_item:nth-child(n+2){border-bottom:1px solid #0000}#subnavigation .wog_category_list.navigation_container.active .navigation_link_item:last-child{border-bottom:none}.wog_forumsearchtag{background-color:#1a1e20;border:1px solid #303436;border-left:10px solid #c51a1b;border-radius:6px;box-shadow:inset 0 1px 1px #0e12140d;color:#b1b3b3;display:block;line-height:1.42857143;margin-bottom:20px;min-height:20px;padding:0}.wog_forumsearchtag .wog_forumsearchtag_link{color:#fff;font-weight:700;padding-bottom:7px}.wog_forumsearchtag a{border-top:1px solid #515455;display:block;margin:0;padding:13px 19px}.wog_forumsearchtag a:hover{background-color:#303436}.wog_forumsearchtag p{margin-bottom:0}.wog_forumsearchtag li:first-of-type a{border-top:none}.wog-teaser{background:#1a1e20 url(data:image/gif;base64,R0lGODlhBQAFAIABAAAAAP///yH5BAEKAAEALAAAAAAFAAUAAAIHRI5nihteAAA7) repeat 0 0;overflow:hidden;padding:15px}.wog-teaser a:hover{text-decoration:none}.wog_cat_language_button_group .wog_language_button_master span,.wog_page_language_button_group .wog_language_button_master span{text-decoration:underline}.wog_accordion .panel{background-color:#1a1e20}.wog_accordion .panel .panel-heading{cursor:pointer;padding:0}.wog_accordion .panel .panel-heading:hover{text-decoration:underline}.wog_accordion .panel .panel-heading .panel-container{display:flex;padding:10px 15px}.wog_accordion .panel .panel-heading .panel-container .panel-title{flex-grow:1;line-height:1;margin-top:0}.wog_accordion .panel .panel-heading .panel-container .panel-title a,.wog_accordion .panel .panel-heading .panel-container .panel-title a:link{color:#fff;flex-grow:1;font-size:14px;font-weight:700;margin:0;padding-right:10px;white-space:normal}.wog_accordion .panel .panel-heading .panel-container .panel_chevron{align-self:flex-start;flex-shrink:0}.wog_accordion .panel .panel-heading .panel-container:not(.collapsed) .panel_chevron{transform:rotate(180deg) translateY(1px)}.wog_accordion .panel .panel_chevron{background-color:#1a1e20;border-radius:20px;color:#868889;display:block;float:right;font-size:10px;line-height:1;padding:2px;position:relative}.wog_accordion .panel .panel-body:last-child{border:none;margin-bottom:15px;padding-bottom:0}.wog_accordion .panel-body ul.wog>li{font-size:14px}.wog_yt_tracking_container .wog_yt_preview_img{background-size:cover;height:100%;width:100%}.wog_yt_tracking_container .yt-play-button{background-color:#303436;border-radius:16px;box-shadow:0 0 30px #0e121499;height:60px;opacity:.8;width:90px;z-index:1}.wog_yt_tracking_container .yt-play-button:before{border-color:#0000 #0000 #0000 #fff;border-style:solid;border-width:15px 0 15px 26px;content:""}.wog_yt_tracking_container .yt-play-button{cursor:pointer}.wog_yt_tracking_container .yt-play-button,.wog_yt_tracking_container .yt-play-button:before{left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.wog_soundcloud_placeholder{background:#fff;min-height:30px;position:relative;width:100%}.wog_soundcloud_placeholder.big_player{height:166px}.wog_soundcloud_placeholder .sc-play-button{background-color:#c51a1b;border-radius:30px;box-shadow:0 0 10px #0e12144d;cursor:pointer;height:60px;left:50%;margin-left:2px;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:60px;z-index:1}.wog_soundcloud_placeholder .sc-play-button:hover{background-color:#a11a17}.wog_soundcloud_placeholder .sc-play-button:before{border-color:#0000 #0000 #0000 #fff;border-style:solid;border-width:15px 0 15px 19px;content:"";left:50%;margin-left:2px;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.wog_soundcloud_placeholder .wog_sc_headline{color:#0e1214;left:50%;max-width:300px;position:absolute;top:85%;transform:translate3d(-50%,-50%,0)}.wog_soundcloud_placeholder.small_player{height:30px}.wog_soundcloud_placeholder.small_player .wog_sc_headline{color:#0e1214;font-size:12px;left:40px;line-height:16px;max-width:300px;position:absolute;top:50%;transform:translate3d(0,-50%,0)}.wog_soundcloud_placeholder.small_player .sc-play-button{height:20px;left:15px;width:20px}.wog_soundcloud_placeholder.small_player .sc-play-button:before{border-width:6px 0 6px 8px;margin-left:1px}.wog_article .like_btn_wog_group{clear:both;margin-bottom:15px}.wog_article .like_btn_wog_group:after,.wog_article .like_btn_wog_group:before{content:" ";display:table}.wog_article .like_btn_wog_group:after{clear:both}.wog_article .like_btn_wog_group .no_counter_available{border-bottom-left-radius:4px!important;border-top-left-radius:4px!important}.wog_article .like_btn_wog_group .like_btn_wog:hover .glyphicons-heart-empty:before{content:"\E013"}.social_share_active .social_share_container{background-color:#0e1214bf;bottom:0;display:block;left:0;padding:10px;position:fixed;right:0;z-index:9998}.social_share_active .social_share_container .social_links{margin:0;text-align:center;white-space:nowrap}.social_share_active #footer_wrapper{padding-bottom:70px}.live_video_container,.wog_live_stream_overview{min-height:250px}@media screen and (max-width:767.9px){.live_video_container,.wog_live_stream_overview{min-height:185px}}.wog_content_lp{max-width:1140px}.related_article_list{min-height:400px}.article_list h3.ellipsis{color:#a11a17!important}.wog_forum_link_container{margin-bottom:15px}#f_wog .td_fh_med .c_hint_lo{word-break:break-word}.related_links img{border-radius:16px}.user_list li{background:#0000 url(/bg/gradient_black_line4.png) repeat-x;background-size:cover!important;border-bottom:2px solid #0e1214;padding:0}.user_list li.hidden{display:none}.user_list li:hover{background-position:0 -100px}.user_list li.active{background-image:linear-gradient(180deg,#515455 0,#303436);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff515455",endColorstr="#ff303436",GradientType=0)}.user_list li div.user_item{display:block;margin:0;overflow:hidden;padding:0;position:relative;text-decoration:none}.user_list li.user_item_with_date .user_item{background:#0000 url(/bg/user_date_highlight.png);background-position:100%;background-repeat:no-repeat}.user_list.wide_column li{margin:0}.user_list.wide_column li,.user_list.wide_column li div.user_item{width:100%}.user_list li .image-ui.ui,.user_list li img.ui{border-left:none;box-sizing:initial;display:block;margin:5px}.user_list li .image-ui.ui{height:75px;width:100px}.user_list li .image-ui.ui .img-container{height:110%;padding-bottom:unset}.user_list li .image-ui.ui .img-container .img-pane{height:110%}.user_list.double_column li img.ui,.user_list.triple_column li .image-ui.ui,.user_list.triple_column li img.ui{margin-left:5px}.user_list.wide_column li img.voting{left:85px;position:absolute;top:60px}.user_list.double_column li img.voting,.user_list.triple_column li img.voting{left:80px;position:absolute;top:55px}.user_list.wide_column li div.os{background:#0000 url(/user/list_state.png) no-repeat 0 5px;height:85px;left:0;position:absolute;top:0;width:20px;z-index:2000}.user_list.wide_column li.online div.os{background-position:0 -95px}.user_list li div.user_item:focus img.online,.user_list li div.user_item:hover img.online,.user_list li:focus div.user_item img.online,.user_list li:hover div.user_item img.online{background-position:-500px -100px}.user_list li div.user_item:focus img.chat,.user_list li div.user_item:hover img.chat,.user_list li:focus div.user_item img.chat,.user_list li:hover a img.chat{background-position:-500px -200px}.user_list li div.user_item a strong,.user_list li span strong{color:#c51a1b;font-size:12px;font-weight:700;left:115px;position:absolute;top:4px;width:102px}@media screen and (max-width:479.9px){.user_list li div.user_item a strong,.user_list li span strong{width:157px}}@media screen and (min-width:985px){.user_list li div.user_item a strong,.user_list li span strong{width:110px}}@media screen and (min-width:1200px){.user_list li div.user_item a strong,.user_list li span strong{width:157px}}.user_list li span strong{color:#868889}.user_list.wide_column li div.user_item a strong{font-size:13px;left:125px;top:3px}.user_list li div.user_item a:focus strong,.user_list li div.user_item:focus strong,.user_list li div.user_item:hover strong,.user_list li:focus div.user_item strong,.user_list li:hover div.user_item strong{color:#fff}.user_list li .user_age_container{color:#b1b3b3;font-size:11px;font-weight:400;left:115px;line-height:15px;position:absolute;top:22px;white-space:nowrap}.user_list li .user_age_container j-gender-icon{display:inline-block}.user_list li .user_age_container .gender_icon{height:15px;width:30px}.user_list li .user_age_container .gender_icon img.icon{vertical-align:top}.user_list li .user_age_container span.age_addition{display:none}.user_list.wide_column li div.user_item .user_age_container{left:125px}.user_list li div.user_item em{color:#515455;display:none;font:normal normal 13px JC-ProximaNovaSoft,Tahoma,Arial,Helvetica,sans-serif;left:130px;position:absolute;top:42px}.user_list.wide_column li div.user_item em{display:block;left:125px;line-height:15px;margin:5px 0 0}.user_list li div.region.region_with_date{top:50px}.user_list li div.region{font-size:11px;height:35px;left:115px;position:absolute;top:40px;width:120px}.user_list li div.region span.has_date a.red{font-weight:400;text-decoration:none!important}.user_list li div.region span.has_date{color:#c51a1b;height:15px;left:0;line-height:15px;position:absolute;top:18px;width:120px}.user_list li div.area_only{height:15px}.user_list li div.region small,.user_list li div.region>span{font-weight:400;height:17px;margin-top:-2px;overflow:hidden;position:static}.user_list.wide_column li div.region span,li div.region small{display:block}.user_list li div.region>span{color:#515455;white-space:nowrap}.user_list li div.region>small{color:#515455}.user_list li div.delete_profile_visit{position:absolute;right:8px;top:52px}.user_list.wide_column li div.region{left:auto;right:8px;text-align:right;top:2px;width:150px}.user_list.wide_column li div.region span{font-size:11px;font-weight:700;min-height:20px}#ts .user_age_media,.double_column .user_age_media,.ts .user_age_media{display:inline-block;height:13px;max-width:50px}@media screen and (max-width:767.9px){#ts .user_age_media,.double_column .user_age_media,.ts .user_age_media{max-width:100%}}ul.user_list a.btn-xs{display:inline-block;font-size:11px;font-weight:400}div.user{font-size:13px;font-weight:400;line-height:16px}div.user j-gender-icon{display:inline-block}div.user a img{float:left;margin-right:10px}div.user_right{font-weight:400;line-height:14px;text-align:right}div.user_right a img{float:right;margin-left:10px}.miniprofil{background:#1a1e20;border:3px solid #303436;font-size:13px;left:0;max-width:410px;min-height:80px;padding:10px;position:absolute;top:0;z-index:999999}.miniprofil .inner j-gender-icon{display:inline-block}.miniprofil .voting_icon{bottom:0;left:70px}.miniprofil textarea{resize:none}.miniprofil .contentlist60 .voting_icon{bottom:17px;font-size:10px;height:20px;left:40px;line-height:23px;width:20px}.miniprofil .image-ui{height:75px;left:0;overflow:hidden;position:absolute;top:0;width:100px}.user_search_premium{background:#771718 url(/bg/pattern_darkred_loop.png) repeat 0 0}.user_search_premium img{margin:15px 10px 0 15px}.user_search_premium .te_nr1{border-radius:30px;left:5px;top:5px}a#toggle{background:#515455;color:#fff;display:block;font-size:12px;font-weight:400;height:30px;line-height:26px;position:absolute;text-align:center;text-decoration:none!important;text-transform:uppercase;top:40px;transform:rotate(90deg);width:110px;z-index:9999}a#toggle:hover{background:#a11a17}a#toggle .text{color:#fff;display:block;font-size:11px;font-weight:400;height:30px;line-height:30px;position:absolute;text-align:center;text-transform:uppercase;width:95px}a#toggle:hover .text{color:#c51a1b}.teaser-box{background-color:#0e1214d9}.teaser-box>h2{background-color:#a11a17d9;font-size:16px}.gender-icon{display:inline;font-size:16px;white-space:nowrap}.svg-icons .gender-icon{align-items:center;display:inline-flex;font-size:inherit;justify-content:center;vertical-align:text-top}.gender-icon.highlight-first span:last-of-type,.gender-icon.highlight-last span:first-of-type{opacity:.3}.gender-icon.dd span:last-child,.gender-icon.dm span:last-child,.gender-icon.dw span:last-child,.gender-icon.td span:last-child,.gender-icon.tm span:last-child,.gender-icon.tt span:last-child,.gender-icon.tw span:last-child,.gender-icon.xd span:last-child,.gender-icon.xm span:last-child,.gender-icon.xt span:last-child,.gender-icon.xw span:last-child,.gender-icon.xx span:last-child,.gender-icon.yd span:last-child,.gender-icon.ym span:last-child,.gender-icon.yt span:last-child,.gender-icon.yw span:last-child,.gender-icon.yx span:last-child,.gender-icon.yy span:last-child{margin-left:-.15em}.gender-icon.p .joyicons-gender-female,.gender-icon.pm .joyicons-gender-female,.gender-icon.pw .joyicons-gender-female{margin-bottom:-.15em!important;margin-right:0!important;margin-top:.15em!important}.gender-icon.p .joyicons-gender-male,.gender-icon.pm .joyicons-gender-male,.gender-icon.pw .joyicons-gender-male{margin-left:-.5em!important;margin-top:-.15em!important}.gender-icon.wp .joyicons-gender-female:first-child{margin-right:0!important}.gender-icon.wp .joyicons-gender-female:nth-child(2){margin-left:-.6em!important}.gender-icon.mp .joyicons-gender-male:first-child{margin-right:0!important}.gender-icon.mp .joyicons-gender-male:nth-child(2){margin-left:-.5em!important}.gender-icon.m1,.gender-icon.m2,.gender-icon.w1,.gender-icon.w2{z-index:10}.gender-icon.user-list{font-size:12px!important}.gender-icon.user-list .mt,.gender-icon.user-list .wt{font-size:15px!important}.online_symbol{color:#515455;display:inline-block;font-size:10px!important;margin-left:8px!important;margin-top:.1em!important}.online_symbol.online{color:#0a0}.online_symbol.online_profile{margin-left:0!important;margin-right:4px}.online_symbol.out_with_joyce{margin-left:0!important}.user_visits,.user_votings{background-color:#0f1112;background-color:#1a1e20;color:inherit;font-size:18px;margin-bottom:24px;padding:24px;text-align:center}.user_visits .h1,.user_visits h1,.user_votings .h1,.user_votings h1{color:inherit}.user_visits p,.user_votings p{font-size:14px;font-weight:200;margin-bottom:12px}.user_visits>hr,.user_votings>hr{border-top-color:#000}.container .user_visits,.container .user_votings{border-radius:8px}.user_visits .container,.user_votings .container{max-width:100%}@media screen and (min-width:480px){.user_visits,.user_votings{padding-bottom:38.4px;padding-top:38.4px}.container .user_visits,.container .user_votings{padding-left:48px;padding-right:48px}.user_visits .h1,.user_visits h1,.user_votings .h1,.user_votings h1{font-size:63px}}.user_visits .user_visits_number,.user_visits .user_votings_number,.user_votings .user_visits_number,.user_votings .user_votings_number{font-size:21px;font-weight:700;line-height:30px}.user_visits .user_visits_number>.glyphicons,.user_visits .user_visits_number>.joyicons,.user_visits .user_votings_number>.glyphicons,.user_visits .user_votings_number>.joyicons,.user_votings .user_visits_number>.glyphicons,.user_votings .user_visits_number>.joyicons,.user_votings .user_votings_number>.glyphicons,.user_votings .user_votings_number>.joyicons{color:#c51a1b;font-size:24px;margin-left:5px}.user_visits .btn_vote_now,.user_votings .btn_vote_now{margin-top:15px}@media screen and (max-width:479.9px){.user_visits .btn_vote_now,.user_votings .btn_vote_now{margin-top:10px;text-align:center;width:100%}}@media screen and (max-width:767.9px){.profile_visit_list ul li{max-width:50%}}.user_profile_titlebar .navigation_title_bar_subtitle span{line-height:1}#navbar .navigation_title_bar.usermod_title_bar .navigation_title_bar_txt .navigation_title_bar_subtitle{align-items:center;display:flex;gap:5px;justify-content:center}.filter_container{position:relative}.filter_container .incomplete_profile_news_box{margin:0!important}@media screen and (max-width:479.9px){.filter_container .incomplete_profile_news_box{left:15px!important;top:0!important}}@media screen and (min-width:480px){.filter_container .incomplete_profile_news_box{left:15px!important;top:645px!important}}@media screen and (min-width:768px){.filter_container .incomplete_profile_news_box{left:30px!important;top:260px!important}}@media screen and (min-width:985px){.filter_container .incomplete_profile_news_box{left:30px!important;top:245px!important}}.upload_trigger_visits{margin-top:var(--jc-space-16)}.group_rights_headline{border-bottom:1px solid #771718;font-weight:700;padding:5px;text-align:center}.group_rights_head{text-align:center}.group_rights_head,.group_rights_user{background-color:#1a1e20;font-size:12px;font-weight:700;padding:10px}.group_rights_user{width:200px}.group_rights{background-color:#303436;padding:10px;width:90px}#group_list li{border-bottom:1px solid #0e1214;clear:both;padding-bottom:5px;position:relative}#group_list.flexible li{margin:0 0 10px}#group_list li div.group{display:block;height:100px;padding:5px;text-decoration:none}#group_list li div.group_enabled{background:#0000 url(/bg/gradient_black_line5.png) repeat-x}#group_list li div.group_disabled{background:#303436}#group_list li div.group_disabled a{color:#868889}#group_list li div.group_disabled *{opacity:.7}#group_list li div.group:not(.group_disabled):hover{background:#0e1214 0 -100%}#group_list.flexible li div.group{background:none;height:auto;min-height:80px}#group_list li a:focus strong{color:#fff}#group_list li a img{background-size:cover;display:inline;float:left;height:75px;margin:0 10px 0 0;width:90px}#group_list li a img.premium{height:135px;margin:0 10px 10px 0;width:180px}#group_list.flexible li a strong{margin:0 0 5px}#group_list li a:hover strong{text-decoration:underline}#group_list li small img{float:none;height:auto;width:auto}#group_list li span.group_list_short_description{color:#f1f1f1;display:block;font-weight:400!important;height:38px;overflow:hidden;position:relative}#group_list li fieldset{font-size:12px;font-style:italic;left:115px;line-height:17px;position:absolute;top:30px}#group_list li fieldset label{color:#f1f1f1;display:block;float:left;font-style:normal;width:100px}#f_newsletter input.f_file,#f_newsletter input.f_text,#f_newsletter select.f_select,#f_newsletter textarea.f_textarea{background-color:#f1f1f1;color:#0e1214;font-size:14px}.group_invite_main{background-color:#1a1e20;padding:20px 20px 0}.join_group_btn{margin-bottom:10px}@media (max-width:767.9px){.group_headline_group{margin-bottom:10px}.group_headline_group:after,.group_headline_group:before{content:" ";display:table}.group_headline_group:after{clear:both}}#navbar .navbar_menu_inner .meta_container .navigation_link_item .navigation_link_icon{background:#515455}@media (max-width:479.9px){.background_image{background-image:none}}@media (min-width:480px){.background_image #mfs_core{background:#0e1214}}.hearts{margin-top:-4px}@media (max-width:767.9px){ul.nav-pills{font-size:11px}ul.nav-pills li>a{padding:5px 10px}}#t_group_list j-gender-icon{display:inline-block}#t_group_list .checkbox_label_text{float:left!important;margin:5px 0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#t_group_list label+.radio_label_hint{color:#b1b3b3;font-size:12px;font-weight:400;line-height:16px;margin-left:20px!important;padding-left:5px!important;text-decoration:none}@media (max-width:767.9px){#t_group_list label+.radio_label_hint{margin-left:30px!important}}#t_group_list .td_fc_med{word-break:break-word}.group_join_avatar{height:80px;width:100%}@media (min-width:360px) and (max-width:767.9px){.group_join_avatar{height:150px}.group_join_avatar .core-img{object-fit:contain!important}}.group_join_avatar .core-img{height:100%!important}.teaser-box-gallery .group-teaser-content td{overflow:hidden;position:relative}@media screen and (max-width:767.9px){.my_groups_box{background:#1a1e20;border-radius:4px;margin-bottom:5px!important;padding:6px 0 0}.my_groups_box>li>a>img{border:1px solid #515455;width:100%}.my_groups_box>li{padding-left:8px!important;padding-right:8px!important}a.request_group{background-color:#303436;border-radius:4px;color:#fff;display:block;font-size:12px!important;line-height:32px;margin-bottom:20px;text-align:center}a.request_group:hover{background-color:#771718!important;text-decoration:none!important}.group-topic-item-img{border:1px solid #515455}div.group-teaser-content>table>tbody>tr>td{float:left;min-height:1px;padding:2px;position:relative;width:25%}div.group-teaser-content>table>tbody>tr>td>a.img_link>div{width:auto}div.group-teaser-content>table>tbody>tr>td>a.img_link>div>img{background-size:cover!important;border:none!important;display:block;height:auto;max-width:100%}div.group-teaser-content>table>tbody>tr>td>a.img_link>div>img.overlay_img{top:14%}}.wonder-container #group_list .group{background-color:#1a1e20!important;border-radius:6px;overflow:hidden}.wonder-container #group_list .group img{background-size:cover;border-radius:6px;height:75px;overflow:hidden;width:75px}.group_birthday_img{position:relative}.group_birthday_img.about_us{margin-bottom:20px}.group_birthday_message{background:#0e1214cc;bottom:0;padding:15px;position:absolute;text-align:center;width:100%}.group_birthday_headline{font-size:20px;font-weight:700;margin-bottom:10px}#game_voting{background:#1a1e20;margin-bottom:20px;overflow:hidden}@media (min-width:985px){#game_voting{background:none}}#game_voting .game_rating_heading{display:block;font-size:16px;font-weight:700;height:50px;line-height:50px;text-align:center;width:100%}#game_voting .game_voting_description{align-items:center;background:#0e1214b3;border-top:1px solid #0e1214;font-size:13px;padding:15px 20px;width:100%}#game_voting .game_voting_description .game_rating_heading{height:auto;line-height:1}#game_voting .game_voting_description .game_voting_description_text{display:none;font-size:13px;margin-top:10px}#game_voting .game_voting_description.show_description .game_voting_description_text{display:block;font-size:13px;max-height:300px}.game_voting_picture{align-items:flex-end;background-color:#1a1e20;background-repeat:no-repeat;background-size:cover;display:flex;height:430px;margin-bottom:2px;position:relative;width:100%}@media (max-width:767.9px){.game_voting_picture{height:280px}}@media (max-width:479.9px){.game_voting_picture{height:230px}}.game_voting_picture.ep_augenverbinden{background-image:url(/user/vorlieben/ep_augenverbinden.jpg)}.game_voting_picture.ep_aeltere{background-image:url(/user/vorlieben/ep_aeltere.jpg)}.game_voting_picture.ep_av{background-image:url(/user/vorlieben/ep_av.jpg)}.game_voting_picture.ep_orte{background-image:url(/user/vorlieben/ep_orte.jpg)}.game_voting_picture.ep_bilder{background-image:url(/user/vorlieben/ep_bilder.jpg)}.game_voting_picture.ep_bj{background-image:url(/user/vorlieben/ep_bj.jpg)}.game_voting_picture.ep_fesseln{background-image:url(/user/vorlieben/ep_fesseln.jpg)}.game_voting_picture.ep_oral{background-image:url(/user/vorlieben/ep_oral.jpg)}.game_voting_picture.ep_dessous{background-image:url(/user/vorlieben/ep_dessous.jpg)}.game_voting_picture.ep_dirty{background-image:url(/user/vorlieben/ep_dirty.jpg)}.game_voting_picture.ep_ffm{background-image:url(/user/vorlieben/ep_ffm.jpg)}.game_voting_picture.ep_mmf{background-image:url(/user/vorlieben/ep_mmf.jpg)}.game_voting_picture.ep_chat{background-image:url(/user/vorlieben/ep_chat.jpg)}.game_voting_picture.ep_exhibi{background-image:url(/user/vorlieben/ep_exhibi.jpg)}.game_voting_picture.ep_fetisch{background-image:url(/user/vorlieben/ep_fetisch.jpg)}.game_voting_picture.ep_fkk{background-image:url(/user/vorlieben/ep_fkk.jpg)}.game_voting_picture.ep_film{background-image:url(/user/vorlieben/ep_film.jpg)}.game_voting_picture.ep_fg{background-image:url(/user/vorlieben/ep_fg.jpg)}.game_voting_picture.ep_foto{background-image:url(/user/vorlieben/ep_foto.jpg)}.game_voting_picture.ep_frivol{background-image:url(/user/vorlieben/ep_frivol.jpg)}.game_voting_picture.ep_fuss{background-image:url(/user/vorlieben/ep_fuss.jpg)}.game_voting_picture.ep_gb{background-image:url(/user/vorlieben/ep_gb.jpg)}.game_voting_picture.ep_gruppe{background-image:url(/user/vorlieben/ep_gruppe.jpg)}.game_voting_picture.ep_hnj{background-image:url(/user/vorlieben/ep_hnj.jpg)}.game_voting_picture.ep_hart{background-image:url(/user/vorlieben/ep_hart.jpg)}.game_voting_picture.ep_highheels{background-image:url(/user/vorlieben/ep_highheels.jpg)}.game_voting_picture.ep_rasur{background-image:url(/user/vorlieben/ep_rasur.jpg)}.game_voting_picture.ep_ib{background-image:url(/user/vorlieben/ep_ib.jpg)}.game_voting_picture.ep_schmuck{background-image:url(/user/vorlieben/ep_schmuck.jpg)}.game_voting_picture.ep_juengere{background-image:url(/user/vorlieben/ep_juengere.jpg)}.game_voting_picture.ep_kamasutra{background-image:url(/user/vorlieben/ep_kamasutra.jpg)}.game_voting_picture.ep_koerperbehaarung{background-image:url(/user/vorlieben/ep_koerperbehaarung.jpg)}.game_voting_picture.ep_korsetts{background-image:url(/user/vorlieben/ep_korsetts.jpg)}.game_voting_picture.ep_kuschel{background-image:url(/user/vorlieben/ep_kuschel.jpg)}.game_voting_picture.ep_kuessen{background-image:url(/user/vorlieben/ep_kuessen.jpg)}.game_voting_picture.ep_latex{background-image:url(/user/vorlieben/ep_latex.jpg)}.game_voting_picture.ep_massagen{background-image:url(/user/vorlieben/ep_massagen.jpg)}.game_voting_picture.ep_mollig{background-image:url(/user/vorlieben/ep_mollig.jpg)}.game_voting_picture.ep_ns{background-image:url(/user/vorlieben/ep_ns.jpg)}.game_voting_picture.ep_normal{background-image:url(/user/vorlieben/ep_normal.jpg)}.game_voting_picture.ep_nylon{background-image:url(/user/vorlieben/ep_nylon.jpg)}.game_voting_picture.ep_nym{background-image:url(/user/vorlieben/ep_nym.jpg)}.game_voting_picture.ep_outdoor{background-image:url(/user/vorlieben/ep_outdoor.jpg)}.game_voting_picture.ep_mfmf{background-image:url(/user/vorlieben/ep_mfmf.jpg)}.game_voting_picture.ep_piercings{background-image:url(/user/vorlieben/ep_piercings.jpg)}.game_voting_picture.ep_filme{background-image:url(/user/vorlieben/ep_filme.jpg)}.game_voting_picture.ep_rollen{background-image:url(/user/vorlieben/ep_rollen.jpg)}.game_voting_picture.ep_sb{background-image:url(/user/vorlieben/ep_sb.jpg)}.game_voting_picture.ep_toys{background-image:url(/user/vorlieben/ep_toys.jpg)}.game_voting_picture.ep_bds{background-image:url(/user/vorlieben/ep_bds.jpg)}.game_voting_picture.ep_sps{background-image:url(/user/vorlieben/ep_sps.jpg)}.game_voting_picture.ep_squ{background-image:url(/user/vorlieben/ep_squ.jpg)}.game_voting_picture.ep_strip{background-image:url(/user/vorlieben/ep_strip.jpg)}.game_voting_picture.ep_tantra{background-image:url(/user/vorlieben/ep_tantra.jpg)}.game_voting_picture.ep_tattoos{background-image:url(/user/vorlieben/ep_tattoos.jpg)}.game_voting_picture.ep_tel{background-image:url(/user/vorlieben/ep_tel.jpg)}.game_voting_picture.ep_webcam{background-image:url(/user/vorlieben/ep_webcam.jpg)}.game_voting_picture.ep_sehen{background-image:url(/user/vorlieben/ep_sehen.jpg)}.game_voting_picture.ep_zeigen{background-image:url(/user/vorlieben/ep_zeigen.jpg)}.game_voting_picture.ep_rimming{background-image:url(/user/vorlieben/ep_rimming.jpg)}.game_voting_picture.ep_spanking{background-image:url(/user/vorlieben/ep_spanking.jpg)}.game_voting_picture.ep_slow_sex{background-image:url(/user/vorlieben/ep_slow_sex.jpg)}.game_voting_picture.ep_slim{background-image:url(/user/vorlieben/ep_slim.jpg)}.game_voting_picture.ep_cuckolding{background-image:url(/user/vorlieben/ep_cuckolding.jpg)}.game_voting_picture.ep_strapon_sex{background-image:url(/user/vorlieben/ep_strapon_sex.jpg)}.game_voting_picture.ep_wifesharing{background-image:url(/user/vorlieben/ep_wifesharing.jpg)}@media (min-width:985px){#modal-register #game_voting,.register-page #game_voting{height:440px}#modal-register .game_voting_description,.register-page .game_voting_description{font-size:13px;width:inherit}#modal-register .game_voting_picture,.register-page .game_voting_picture{bottom:0;height:250px;left:0;width:100%}}#pref_game_content{margin-bottom:15px}.register-page #pref_game_content{padding:0}#erotic_prefs_game{margin-top:30px}#erotic_prefs_game .description_toggle{cursor:pointer;opacity:.7;position:absolute;right:10px;text-shadow:0 0 3px #0e1214;top:10px}#erotic_prefs_game .rating_options{display:flex}#erotic_prefs_game .rating_options.v1 .rating_option,#erotic_prefs_game .rating_options.v2 .rating_option,#erotic_prefs_game .rating_options.v3 .rating_option,#erotic_prefs_game .rating_options.v4 .rating_option,#erotic_prefs_game .rating_options.v5 .rating_option{background:none}@media (min-width:985px){#erotic_prefs_game .rating_options{flex-grow:1;margin-bottom:0}}#erotic_prefs_game .rating_option{display:flex;flex-basis:20%;flex-direction:column;flex-grow:1;flex-shrink:0;padding:0 1px}#erotic_prefs_game .rating_option a{background:#303436;border-radius:3px;display:flex;flex-direction:column;flex-grow:1;padding:8px 0;text-align:center}#erotic_prefs_game .rating_option a:active,#erotic_prefs_game .rating_option a:focus,#erotic_prefs_game .rating_option a:hover{text-decoration:none}#erotic_prefs_game .rating_option_icon{color:#868889;display:block;font-size:40px;line-height:46px;margin-bottom:10px}#erotic_prefs_game .rating_option_text{color:#868889;font-size:10px;font-weight:400;line-height:1.3}#erotic_prefs_game .rating_special_options{display:flex;margin:0 -5px}@media (min-width:985px){#erotic_prefs_game .rating_special_options{flex-direction:column;order:-1;padding-right:20px}}@media (max-width:480px){#erotic_prefs_game .rating_special_options{flex-direction:column}#erotic_prefs_game .rating_special_options .rating_special_option{padding-bottom:5px}}#erotic_prefs_game .rating_special_option{flex-grow:1;margin:0 5px}#erotic_prefs_game .rating_special_option a{background:#303436;border-radius:4px;color:#b1b3b3;display:block;font-size:10px;height:36px;line-height:36px;padding:0 15px;text-align:center}#erotic_prefs_game .rating_special_option a:active,#erotic_prefs_game .rating_special_option a:focus,#erotic_prefs_game .rating_special_option a:hover{text-decoration:none}#erotic_prefs_game .progress_layer{align-items:center;background:#0e1214d9;display:none;font-size:40px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}#erotic_prefs_game .progress_layer.show_layer{display:flex}#erotic_prefs_game .progress_layer .animated-icon{font-size:50px;margin-bottom:40px}#erotic_prefs_game #game_rating.save_in_progress .rating_option_1.selected_option a .rating_option_icon,#erotic_prefs_game #game_rating:not(.save_in_progress) .v1 .rating_option_1 a .rating_option_icon,#erotic_prefs_game .pref_category.save_in_progress .rating_option_1.selected_option a .rating_option_icon,#erotic_prefs_game .pref_category:not(.save_in_progress) .v1 .rating_option_1 a .rating_option_icon{color:#c51a1b}#erotic_prefs_game #game_rating.save_in_progress .rating_option_1.selected_option a .rating_option_text,#erotic_prefs_game #game_rating:not(.save_in_progress) .v1 .rating_option_1 a .rating_option_text,#erotic_prefs_game .pref_category.save_in_progress .rating_option_1.selected_option a .rating_option_text,#erotic_prefs_game .pref_category:not(.save_in_progress) .v1 .rating_option_1 a .rating_option_text{color:#fff}#erotic_prefs_game #game_rating.save_in_progress .rating_option_2.selected_option a .rating_option_icon,#erotic_prefs_game #game_rating:not(.save_in_progress) .v2 .rating_option_2 a .rating_option_icon,#erotic_prefs_game .pref_category.save_in_progress .rating_option_2.selected_option a .rating_option_icon,#erotic_prefs_game .pref_category:not(.save_in_progress) .v2 .rating_option_2 a .rating_option_icon{color:#ff8533}#erotic_prefs_game #game_rating.save_in_progress .rating_option_2.selected_option a .rating_option_text,#erotic_prefs_game #game_rating:not(.save_in_progress) .v2 .rating_option_2 a .rating_option_text,#erotic_prefs_game .pref_category.save_in_progress .rating_option_2.selected_option a .rating_option_text,#erotic_prefs_game .pref_category:not(.save_in_progress) .v2 .rating_option_2 a .rating_option_text{color:#fff}#erotic_prefs_game #game_rating.save_in_progress .rating_option_3.selected_option a .rating_option_icon,#erotic_prefs_game #game_rating:not(.save_in_progress) .v3 .rating_option_3 a .rating_option_icon,#erotic_prefs_game .pref_category.save_in_progress .rating_option_3.selected_option a .rating_option_icon,#erotic_prefs_game .pref_category:not(.save_in_progress) .v3 .rating_option_3 a .rating_option_icon{color:#ffd633}#erotic_prefs_game #game_rating.save_in_progress .rating_option_3.selected_option a .rating_option_text,#erotic_prefs_game #game_rating:not(.save_in_progress) .v3 .rating_option_3 a .rating_option_text,#erotic_prefs_game .pref_category.save_in_progress .rating_option_3.selected_option a .rating_option_text,#erotic_prefs_game .pref_category:not(.save_in_progress) .v3 .rating_option_3 a .rating_option_text{color:#fff}#erotic_prefs_game #game_rating.save_in_progress .rating_option_4.selected_option a .rating_option_icon,#erotic_prefs_game #game_rating:not(.save_in_progress) .v4 .rating_option_4 a .rating_option_icon,#erotic_prefs_game .pref_category.save_in_progress .rating_option_4.selected_option a .rating_option_icon,#erotic_prefs_game .pref_category:not(.save_in_progress) .v4 .rating_option_4 a .rating_option_icon{color:#0a0}#erotic_prefs_game #game_rating.save_in_progress .rating_option_4.selected_option a .rating_option_text,#erotic_prefs_game #game_rating:not(.save_in_progress) .v4 .rating_option_4 a .rating_option_text,#erotic_prefs_game .pref_category.save_in_progress .rating_option_4.selected_option a .rating_option_text,#erotic_prefs_game .pref_category:not(.save_in_progress) .v4 .rating_option_4 a .rating_option_text{color:#fff}#erotic_prefs_game #game_rating.save_in_progress .rating_option_5.selected_option a .rating_option_icon,#erotic_prefs_game #game_rating:not(.save_in_progress) .v5 .rating_option_5 a .rating_option_icon,#erotic_prefs_game .pref_category.save_in_progress .rating_option_5.selected_option a .rating_option_icon,#erotic_prefs_game .pref_category:not(.save_in_progress) .v5 .rating_option_5 a .rating_option_icon{color:#009157}#erotic_prefs_game #game_rating.save_in_progress .rating_option_5.selected_option a .rating_option_text,#erotic_prefs_game #game_rating:not(.save_in_progress) .v5 .rating_option_5 a .rating_option_text,#erotic_prefs_game .pref_category.save_in_progress .rating_option_5.selected_option a .rating_option_text,#erotic_prefs_game .pref_category:not(.save_in_progress) .v5 .rating_option_5 a .rating_option_text{color:#fff}#erotic_prefs_game #game_rating:not(.save_in_progress) .v6+.rating_option_try,#erotic_prefs_game .pref_category:not(.save_in_progress) .v6+.rating_option_try{display:block}#erotic_prefs_game #game_rating:not(.save_in_progress) .v6+.rating_special_options .rating_option_6 a,#erotic_prefs_game .pref_category:not(.save_in_progress) .v6+.rating_special_options .rating_option_6 a{background:#a11a17;color:#fff}#erotic_prefs_game #game_rating{padding:0 15px 15px}@media (min-width:985px){#erotic_prefs_game #game_rating{background:#1a1e20;display:flex;padding:15px}}#erotic_prefs_list{display:none;padding:10px}#erotic_prefs_list label,#erotic_prefs_list select{width:200px}#erotic_prefs_list select{float:right}@media (max-width:479.9px){#erotic_prefs_list select{width:100%}#erotic_prefs_list{margin-bottom:20px}}.rating_option_try{background:#303436;border-radius:3px;color:#868889;display:none;font-size:12px;font-weight:700;text-align:center;width:160px}#game_sort .erotic_prefs_categories{border-bottom:3px solid #a11a17;border-radius:8px 8px 0 0;font-size:13px;margin-bottom:0;overflow:hidden}@media (min-width:985px){#game_sort .erotic_prefs_categories{display:flex}}#game_sort .erotic_prefs_categories .list-group-item{background-color:#303436;border-color:#0e1214;border-bottom:none;border-radius:0;flex-grow:1}#game_sort .erotic_prefs_categories .list-group-item .reg_pref_icon{display:none}#game_sort .erotic_prefs_categories .list-group-item.active,#game_sort .erotic_prefs_categories .list-group-item.active:hover{background:#a11a17 none!important}#game_sort .erotic_prefs_categories .list-group-item:first-child{border-left:none}#game_sort .erotic_prefs_values{margin:0 0 15px;padding:0 0 10px}@media (min-width:985px){#game_sort .erotic_prefs_values{margin:0 0 15px -1px}}#game_sort .erotic_prefs_values>div{cursor:pointer;height:25px;width:100%}#game_sort .erotic_prefs_values>div .text{align-self:center;color:#b1b3b3;float:left;height:25px}#game_sort .erotic_prefs_values>div.active{font-weight:700}#game_sort .erotic_prefs_values>div.active>.text{color:#fff}#game_sort .erotic_prefs_values .pref_category{background:#1a1e20;border-bottom:2px solid #0000;display:none;height:auto;margin-bottom:1px;padding:8px 15px}#game_sort .erotic_prefs_values .pref_category.show_cat{display:flex}#game_sort .erotic_prefs_values .pref_category .text{display:block;flex-grow:1;height:auto;margin:0}#game_sort .erotic_prefs_values .pref_category:hover{background:#303436}#game_sort .erotic_prefs_values .pref_category.active{background:#303436;border-color:#303436}#game_sort .erotic_prefs_values .pref_category .animated-loading{align-self:center;display:none;font-size:20px;height:20px;margin:0 15px 0 5px}#game_sort .erotic_prefs_values .pref_category.save_in_progress .animated-loading{display:block}#game_sort .erotic_prefs_values .rating_options{flex-grow:0;margin-bottom:0;min-width:160px;padding:0}#game_sort .erotic_prefs_values .rating_options.v6{display:none}#game_sort .erotic_prefs_values .rating_option{flex-grow:0;width:32px}#game_sort .erotic_prefs_values .rating_option a{background:none;height:30px;padding:0}#game_sort .erotic_prefs_values .rating_option_icon{font-size:24px;height:32px;line-height:32px;margin:0}.voting_game_end:not(.show_msg){display:none}#change_pref_view{color:#868889;display:block;font-size:14px;margin-bottom:10px}#change_pref_view.reg_mode{margin-left:15px}.nav_next_preference,.nav_prev_preference{align-items:center;cursor:pointer;display:flex;font-size:24px;opacity:.6;transition:opacity .3s ease}.nav_next_preference:hover,.nav_prev_preference:hover{opacity:1}.nav_prev_preference{order:-2;padding-right:10px}.nav_next_preference{padding-left:10px}.game_rating_heading_mobile{display:none}.game_voting_preference_info_next,.game_voting_preference_info_prev{height:100%;position:absolute;top:0;width:100%}.game_voting_preference_info_current{height:100%}.game_voting_preference_info_prev{left:-100%}.game_voting_preference_info_next{right:-100%}.preference_btn_group{display:none}#register-preference #game_sort .erotic_prefs_values .pref_category{border-top:1px solid #0e1214}#register-preference #game_voting{height:auto}#register-preference #game_rating{margin-top:10px}#register-preference .game_voting_description{padding-left:445px;padding-right:0}@media (max-width:984.9px){#game_voting .game_rating_heading{display:none}.game_voting_picture{align-items:stretch;display:flex;height:280px}.game_voting_description{display:none;padding:15px 20px}.game_voting_description .game_rating_heading{display:none!important}.game_voting_description.show_description{background:#0e1214b3;display:flex}#game_rating .nav_next_preference,#game_rating .nav_prev_preference{display:none}.game_rating_heading_mobile{display:flex;height:50px;justify-content:space-between}.game_rating_heading_mobile .nav_next_preference,.game_rating_heading_mobile .nav_prev_preference{font-size:16px;padding:0 10px}.game_rating_heading_mobile .game_rating_heading{flex-grow:1}.rating_option_try{background:#303436;border-radius:3px;color:#868889;display:none;font-size:12px;font-weight:700;text-align:center;width:160px}#game_sort .erotic_prefs_categories{height:59px}#game_sort .erotic_prefs_categories .list-group-item{align-items:center;display:flex;float:left;font-size:12px;font-weight:400;height:60px;justify-content:center;padding:5px 10px;text-align:center;width:20%}}@media (max-width:984.9px) and (max-width:479.9px){#game_sort .erotic_prefs_categories .list-group-item{width:12.5%}#game_sort .erotic_prefs_categories .list-group-item .reg_pref_icon{display:inline;font-size:20px}#game_sort .erotic_prefs_categories .list-group-item .reg_pref_cat{display:none}#game_sort .erotic_prefs_categories .list-group-item.active{width:50%}#game_sort .erotic_prefs_categories .list-group-item.active .reg_pref_icon{display:none}#game_sort .erotic_prefs_categories .list-group-item.active .reg_pref_cat{display:inline}}#register-preference #game_voting .game_rating_heading{display:none}#register-preference .game_voting_picture{align-items:stretch;display:flex;height:280px}#register-preference .game_voting_description{display:none;padding:15px 20px}#register-preference .game_voting_description .game_rating_heading{display:none!important}#register-preference .game_voting_description.show_description{background:#0e1214b3;display:flex}#register-preference #game_rating .nav_next_preference,#register-preference #game_rating .nav_prev_preference{display:none}#register-preference .game_rating_heading_mobile{display:flex;height:50px;justify-content:space-between}#register-preference .game_rating_heading_mobile .nav_next_preference,#register-preference .game_rating_heading_mobile .nav_prev_preference{font-size:16px;padding:0 10px}#register-preference .game_rating_heading_mobile .game_rating_heading{flex-grow:1}#register-preference .rating_option_try{background:#303436;border-radius:3px;color:#868889;display:none;font-size:12px;font-weight:700;text-align:center;width:160px}#register-preference #game_sort .erotic_prefs_categories{height:59px}#register-preference #game_sort .erotic_prefs_categories .list-group-item{align-items:center;display:flex;float:left;font-size:12px;font-weight:400;height:60px;justify-content:center;padding:5px 10px;text-align:center;width:20%}@media (max-width:479.9px){#register-preference #game_sort .erotic_prefs_categories .list-group-item{width:12.5%}#register-preference #game_sort .erotic_prefs_categories .list-group-item .reg_pref_icon{display:inline;font-size:20px}#register-preference #game_sort .erotic_prefs_categories .list-group-item .reg_pref_cat{display:none}#register-preference #game_sort .erotic_prefs_categories .list-group-item.active{width:50%}#register-preference #game_sort .erotic_prefs_categories .list-group-item.active .reg_pref_icon{display:none}#register-preference #game_sort .erotic_prefs_categories .list-group-item.active .reg_pref_cat{display:inline}}@media (min-width:768px){#register-preference .game_voting_picture{height:350px}}.touch #game_sort .erotic_prefs_values .pref_category:not(.active):hover{background:#1a1e20}#register>.container{min-height:1040px}#register>.container .growl_message_list_ui{margin-bottom:10px}.register-errors{margin-bottom:5px}@media (max-width:767px){.register_growl{margin-top:-30px}}.teaser-box.teaser-box-registration{border:0;border-radius:4px;box-shadow:3px 3px 15px #0e1214;margin-bottom:20px;padding:0}@media screen and (min-width:984.9px){.teaser-box.teaser-box-registration.teaser-box-bonus{margin-left:10%}}@media screen and (min-width:767.9px){.teaser-box.teaser-box-registration.teaser-box-bonus{margin-left:unset}}.teaser-box.teaser-box-registration+#register-account>.reg-box{border-top-left-radius:0;border-top-right-radius:0}.teaser-box.teaser-box-registration-appended{margin-bottom:0}.teaser-box>.teaser-box-headline{background:#a11a17;border-radius:4px 4px 0 0;font-weight:700;margin:0;padding:15px}.teaser-box>.teaser-user-avatar.image-ui.layout-adaptive .img-container{padding-bottom:100%}@media screen and (max-width:480px){.teaser-box.teaser-box-bonus>.teaser-box-headline{padding:15px 5px}}.teaser-box>.teaser-box-headline-modal{background:#a11a17;border-radius:4px;font-weight:700;margin:0;padding:15px}@media screen and (min-width:480px){.teaser-box>.teaser-box-headline-modal.has-img{min-height:95px}}.teaser-box>.teaser-box-text{margin:0;padding:15px}.teaser-box>.teaser-box-text-modal{margin:0}.teaser-box>.teaser-box-subline{color:#fff;padding:15px 15px 0}.teaser-box>.teaser-box-subline-modal{color:#fff}.teaser-box input{font-size:16px}.register-page{background:url(/startpage/bg1.jpg) no-repeat 20% 0;background-attachment:fixed;background-size:cover;min-height:90vh;min-width:360px;padding:20px 0;position:relative;transition-property:background-position;width:100%}@media screen and (max-width:767.9px){.register-page{background-image:url(/startpage/bg1_sm.jpg);background-position:50% 0;min-height:1500px;overflow:hidden}}#form-register-account.register-form-business .form-group-register_gender .btn-group label,#form-register-account.register-form-business .form-group-register_seeking_gender .btn-group label,#form-register-account.register-form-business .form-group-register_subgender .btn-group label{font-weight:400}#form-register-account h1{margin-bottom:20px}#form-register-account .popover{left:-295px!important;position:absolute}#form-register-account .form-group-register_ac-city .popover{top:-10px!important}#form-register-account .help-block{font-size:12px}#form-register-account .form-group{margin-bottom:5px;position:relative}#form-register-account .form-group-register_gender.has-error label{border-color:#a11a17}#form-register-account .form-group-register_dob select,#form-register-account .form-group-register_dob2 select,#form-register-account .form-group-register_special_subtype select,#form-register-account .form-group-register_special_type select{height:38px}#form-register-account .form-group-register_file_src_upload input{background:#45484a;border:none;color:#fff;padding:7px}#form-register-account .form-group-submit{margin:15px 0;position:relative}#form-register-account .form-group-submit div:first-child{position:relative}#form-register-account .form-group-submit div:first-child .grecaptcha-badge{background:#006cb5;right:-240px!important;text-align:left;width:310px!important;z-index:10002}#form-register-account .form-group-submit div:first-child .grecaptcha-badge:hover{right:0!important}#form-register-account .form-group-submit div:first-child .grecaptcha-badge iframe{width:310px!important}#form-register-account .ac-city-container{max-width:none}#form-register-account .ac-city-container>span:first-child{width:100%}#form-register-account .ac-city-container>.ac-city-input,#form-register-account .ac-city-container>.geo_search_typeahead{background-image:none}#form-register-account .ac-city-container>.ac-city-input.ac-city-input_ok_temp,#form-register-account .ac-city-container>.geo_search_typeahead.ac-city-input_ok_temp{background-position:right -3px top 3px}#form-register-account .ac-city-container>.ac-city-input.ac-city-input_error,#form-register-account .ac-city-container>.geo_search_typeahead.ac-city-input_error{background-position:right -3px top -237px}#form-register-account .ac-city-container>.ac-city-input::-ms-clear,#form-register-account .ac-city-container>.ac-city-input::-ms-reveal,#form-register-account .ac-city-container>.geo_search_typeahead::-ms-clear,#form-register-account .ac-city-container>.geo_search_typeahead::-ms-reveal{height:0;width:0}#form-register-account #community_claim{margin:20px 0 40px}@media screen and (min-width:768px){#form-register-account #community_claim{margin-top:290px;margin-top:-40px!important}}#form-register-account .form-group-register_special_type .special_hint{display:none}@media (max-width:767.9px){#form-register-account .form-group-register_special_type .special_hint{color:#b1b3b3;display:block;font-size:12px;margin:5px 0 0 3px}}@media (min-width:768px) and (max-width:984.9px){html[lang=es] #form-register-account .btn{font-size:11.5px}}#form-register-account .register_seeking_for_gender label{background:#1a1e20;border-radius:7px;color:#b1b3b3;padding:5px}#form-register-account .register_seeking_for_gender label:hover{background:#303436}#form-register-account .register_seeking_for_gender label span:before{background:none;color:#45484a}#form-register-account .g-recaptcha:not(:empty){display:flex;justify-content:center;margin-bottom:var(--jc-space-8)}#form-register-account fieldset,#form-register-account fieldset legend{border:unset;margin:0;padding:0}@media (max-width:767.9px){#modal-register .modal-body{padding-top:0}#form-register-account .popover{display:none!important}}@media (max-width:1199.9px){#modal-register .popover{display:none!important}}.ios_device #form-register-account input,.ios_device #form-register-account textarea,.ios_device #form-register-description input,.ios_device #form-register-description textarea{font-size:inherit!important;line-height:inherit}.ios_device #form-register-account input ::-webkit-input-placeholder,.ios_device #form-register-account textarea ::-webkit-input-placeholder,.ios_device #form-register-description input ::-webkit-input-placeholder,.ios_device #form-register-description textarea ::-webkit-input-placeholder{font-size:16px;padding-top:4px}#form-register-appearance select{height:38px}@media (max-width:767.9px){#form-register-appearance .control-label{padding-top:7px}}#form-register-profile_picture .nav-tabs{font-size:13px}#form-register-profile_picture .nav-tabs>li a{border:none}#form-register-profile_picture .tab-content{background-color:#303436;margin-bottom:10px;padding:10px 5px 5px}#form-register-profile_picture .tab-content .picture_hint{color:#868889;font-size:12px;margin-bottom:5px;padding:0 5px}#form-register-profile_picture .progress{height:8px;margin-bottom:0}#form-register-profile_picture .progress-text{float:right;font-size:12px;margin:5px 0 0}#form-register-profile_picture .picture_submit_loading{margin-bottom:10px}#form-register-profile_picture .register-submit{margin-top:10px}#form-register-profile_picture>div>.nav-tabs{overflow:hidden}#register-footer{color:#a11a17;margin:30px 10px 20px;text-align:center}#register-footer a,#register-footer span{border-left:1px solid #868889;color:#c51a1b;font-weight:400;padding:0 1% 0 1.1%}#register-footer a:first-child,#register-footer span:first-child{border-left:none;padding-left:0}#register-footer a:hover,#register-footer span:hover{text-decoration:underline}#register-footer>a.no-link{color:inherit}#form-register-activation_code_change_mail.form-inline{padding-bottom:10px}@media (max-width:479.9px){#form-register-activation_code_change_mail.form-inline #register_email{margin-bottom:5px}}#form-register-activation_code_change_mail.form-inline .form-group-register_email{align-items:center;display:flex;gap:10px}@media (max-width:767.9px){#form-register-activation_code_change_mail.form-inline .form-group-register_email{align-items:stretch;flex-direction:column}}#form-register-profile_picture hr,#register-activate hr{margin:15px 0 20px}#form-register-profile_picture .glyphicons-message-new,#register-activate .glyphicons-message-new{margin:0 8px 3px 0}.register_activate_logout_btn{margin-top:5px}.form-group>.button-row-top .control-label{padding-top:10px}.form-group>.button-row-top j-button{padding:5px 0 0}.form-group>.button-row-top .bb_buttons_b,.form-group>.button-row-top .bb_buttons_i{padding-right:5px}.form-group>.button-row-top .bb_buttons_b{font-weight:700}.form-group>.button-row-top .bb_buttons_i{font-style:italic}.form-group>.button-row-top .bb_buttons_u{text-decoration:underline}.form-group>.button-row-bottom{padding-top:5px}.modal-dialog #registration-account .well{background:inherit}.modal-dialog #register-preference .reg-box{padding:0}.modal-dialog #register-activate .reg-box{min-height:260px}#registration-wizard{display:block;margin-left:auto;margin-right:auto;max-width:670px}#registration-wizard>#register-preference{min-height:1290px}@media (min-width:985px){#registration-wizard>#register-preference{min-height:1200px}}.wizardbar{display:flex;flex-direction:row;font-size:12px;line-height:1;margin:0 0 20px;text-align:left;width:100%}@media (max-width:767.9px){.wizardbar{font-size:11px}}@media (max-width:479.9px){.wizardbar{font-size:10px}}.wizardbar-item{background-color:#45484a;color:#fffc;display:inline-block;flex-grow:1;margin-right:3px;padding:10px 5px 10px 15px;position:relative;text-align:center;text-decoration:none;text-shadow:1px 1px #0e121433;white-space:nowrap}@media (max-width:479.9px){.wizardbar-item{padding-left:10px}}@media screen and(min-width:480px){.wizardbar-item{padding-bottom:9px;padding-top:9px}}.wizardbar-item:after,.wizardbar-item:before{border-style:solid;border-width:15px 0 15px 10px;content:"";height:0;left:100%;position:absolute;top:0;width:0}.wizardbar-item:before{border-color:#0000 #0000 #0000 #1a1e20;left:0}.wizardbar-item:after{border-color:#0000 #0000 #0000 #45484a;z-index:1}@media (max-width:767.9px){.wizardbar-item:after{transform:translate(-.5px)}}.wizardbar-item:first-of-type{padding-left:10px}.wizardbar-item:first-of-type:before{border-color:#0000!important}.wizardbar-item.current{background-color:#c51a1b;color:#fff;font-weight:700}.wizardbar-item.current:after{border-color:#0000 #0000 #0000 #c51a1b}.wizardbar-item.visited{background-color:#771718;color:#fff;font-weight:700}.wizardbar-item.visited:after{border-color:#0000 #0000 #0000 #771718}.wizardbar-item.visited-xs{background-color:#771718;color:#fff;font-weight:700;top:11px}.wizardbar-item.visited-xs:after{border-color:#0000 #0000 #0000 #771718}.text_wizard__buttonlist_warper{width:100%}.text_wizard__buttonlist{float:right;width:220px}@media screen and (min-width:767.9px){.text_wizard__buttonlist{max-width:500px;width:100%}}.text_wizard__buttonlist j-button{margin:6px 0 0}@media screen and (min-width:767.9px){.text_wizard__buttonlist j-button{float:right;width:200px}.text_wizard__buttonlist j-button:nth-child(2){padding:0 10px 0 0}}@media screen and (max-width:767.9px){#f_text_wizard .radiolist li{margin-bottom:10px}.text_wizard__buttonlist{width:100%}}.register_name_alt{background:#515455;border-radius:10px;color:#b1b3b3;display:inline-block!important;font-weight:400;margin-bottom:5px;padding:0 12px;width:unset}.register_name_alt:hover{background:#45484a;color:#b1b3b3;text-decoration:none}#form-register-club_description h1:not(:first-of-type),#form-register-club_details h1:not(:first-of-type){display:inline-block;margin-top:20px}#form-register-club_description h1.hidden,#form-register-club_details h1.hidden{display:none}#form-register-club_description .section_hint,#form-register-club_details .section_hint{font-size:12px;margin-top:-5px}#form-register-club_description .form-group select,#form-register-club_details .form-group select{height:38px}#form-register-club_description .form-group.form-group-register_content #register_content_div,#form-register-club_details .form-group.form-group-register_content #register_content_div{display:inline-block;margin-top:5px}@media screen and (max-width:479.9px){#form-register-club_description .form-group.form-group-register_content label,#form-register-club_details .form-group.form-group-register_content label{margin-top:15px}}#form-register-club_description .form-group.form-group-register_country select,#form-register-club_description .form-group.form-group-register_province select,#form-register-club_details .form-group.form-group-register_country select,#form-register-club_details .form-group.form-group-register_province select{padding-left:7px}#form-register-club_description #register_content,#form-register-club_description #register_price_info,#form-register-club_details #register_content,#form-register-club_details #register_price_info{height:100px;resize:vertical}#form-register-club_description .help-block,#form-register-club_details .help-block{font-size:12px}#form-register-club_details .accomondation_container{padding-right:0}@media screen and (min-width:768px){#form-register-club_details .odd{padding-right:0}#form-register-club_details .form-group{height:45px}#form-register-club_details .form-group.form-group-laden_flaeche label{width:21%}#form-register-club_details .form-group.form-group-laden_flaeche input{width:35%}}@media screen and (max-width:768px){#form-register-club_details .even,#form-register-club_details .odd{padding-right:0}#form-register-club_details .form-group-laden_flaeche input{margin-left:23%;width:77%}}@media screen and (max-width:480px){#form-register-club_details .form-group-laden_flaeche input{margin-left:0;width:100%}}.register-club_description{min-height:1200px}.register-club_details{min-height:1100px}@media (min-width:985px){.quality_label{width:20%}}.quality_labels a{display:inline-block}.quality_labels li:first-child{line-height:85px}@media (min-width:768px) and (max-width:1199.9px){.quality_labels li:first-child{line-height:0}}@media (min-width:360px) and (max-width:767.9px){.quality_labels{margin:0 20px}}@media (min-width:985px){.quality_labels{padding-bottom:84px}}.trust_sign{height:85px;image-rendering:auto;transition:all .3s linear;width:auto}.trust_sign.tuev-label{height:auto;width:100%}.trust_sign:hover{position:relative;z-index:99}@media (min-width:480px){.modal .reg_pref_icon{display:none}}@media screen and (max-width:767.9px) and (min-width:480px){.wizardbar-name{display:none}}@media screen and (min-width:768px){.wizardbar-name-short{display:none}}.wizardbar-checkmark{display:none}.visited .wizardbar-checkmark{bottom:7px;display:inline-block;font-size:15px;position:absolute;right:5px}@media screen and (max-width:479.9px){#register-account .form-group .row .form-control{padding-left:10px;padding-right:10px}.register-page{min-width:360px}.register_activate_logout_btn{margin-left:10px}.wizardbar-item{height:30px;padding-left:15px;width:15%}.wizardbar-item.visited{position:relative}.current .wizardbar-name-short,.visited .wizardbar-name-short,.wizardbar-item:not(.current) .wizardbar-name{display:none}.visited .wizardbar-checkmark{position:static}.visited .wizardbar-checkmark .glyphicons{margin-top:-3px}.wizardbar .current{width:50%}#form-register-profile_picture>div>.nav-tabs>li{border-bottom:2px solid #45484a;width:100%}#form-register-profile_picture>div>.nav-tabs>li>a{margin-right:0}#register-appearance>.well,#register-description>.well,#register-preference>.well,#register-profile_picture>.well{padding:7px!important}#register-appearance h1{margin-bottom:5px;margin-top:0}#form-register-appearance .form-group{margin-bottom:5px}#form-register-appearance h1{margin-bottom:5px;margin-top:25px}}html.recaptcha_mode #modal-register .modal-body{overflow:hidden;transform:translateZ(0)}#claim_container{text-align:center}#community_claim{height:auto;margin:330px 0 0;max-height:450px;min-height:130px;width:80%}@media screen and (max-width:767.9px){#community_claim{margin:150px auto 80px}}body[data-locale=en_GB] #community_claim{filter:drop-shadow(0 0 5px rgba(0,0,0,.8))}#claim_container_alt{margin-top:80px}#claim_container_alt #community_claim{margin-top:0}@media (min-width:768px){#claim_container_alt_ldl #community_claim{width:45%}}@media (min-width:985px){#claim_container_alt_ldl #community_claim{width:60%}}@media (min-width:768px){#claim_container_alt_ldl{text-align:left}}#modal-register .reg-box .form-group a{white-space:normal}#modal-register .reg-box #erotic_prefs_game .rating_option{overflow:hidden}#modal-register .reg-box #erotic_prefs_game .rating_option a .rating_option_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767.9px){#modal-register .reg-box #erotic_prefs_game .rating_option a .rating_option_text{display:none}}#modal-register .reg-box #erotic_prefs_game .reg_pref_cat{white-space:normal}#modal-register .modal-header{border-bottom:0;height:0;padding:0}@media (min-width:768px){#modal-register .modal-dialog{min-width:635px}}.register .logo_position_register img{max-height:40px;width:130px}.dyn_pos{min-height:800px;padding:0}@media screen and(max-width:767.9px){.dyn_pos{min-height:1000px}}.dyn_pos,.dyn_pos #teaser_register{margin-top:3%}@media screen and (max-width:984.9px){.dyn_pos,.dyn_pos #teaser_register{margin-top:10%}}body[data-locale=en_GB] .register-page,body[data-locale=es_ES] .register-page,body[data-locale=es_MX] .register-page,body[data-locale=fr_FR] .register-page,body[data-locale=pt_BR] .register-page{background-image:url(/startpage/spain/header_desktop_es.jpg)}@media screen and (max-width:767.9px){body[data-locale=en_GB] .register-page,body[data-locale=es_ES] .register-page,body[data-locale=es_MX] .register-page,body[data-locale=fr_FR] .register-page,body[data-locale=pt_BR] .register-page{background-image:url(/startpage/spain/header_mobile_es.jpg)}}body[data-locale=it_IT] .register-page{background-image:url(/startpage/italy/header_desktop.jpg)}@media screen and (min-width:768px) and (max-width:1199.9px){body[data-locale=it_IT] .register-page{background-position:30%}}@media screen and (max-width:767.9px){body[data-locale=it_IT] .register-page{background-image:url(/startpage/italy/header_mobile.jpg)}}body[data-locale=de_DE] .register-page{background-image:url(/brand_building/startpage_mobil_sarah.jpg);background-position:70% 0}@media (min-width:768px){body[data-locale=de_DE] .register-page{background-image:url(/brand_building/startpage_sarah.jpg);background-position:53% 0;background-repeat:no-repeat}}@media (max-width:767.9px){body[data-locale=de_DE] .register-page #claim_container{text-align:left}}body[data-locale=de_DE] .register-page #community_claim{margin-top:0;width:70%}@media (max-width:767.9px){body[data-locale=de_DE] .register-page #community_claim{margin-left:20px;margin-top:20px;width:50%}}body[data-locale=de_DE] .register-page .register_growl{margin-top:80px}@media (min-width:480px){body[data-locale=de_DE] .register-page .register_growl{margin-top:200px}}@media (min-width:768px){body[data-locale=de_DE] .register-page .register_growl{margin-top:0}}body .register-page.how-to-love{background-image:url(/register/how_to_love_desktop.jpg)}@media (max-width:767.9px){body .register-page.how-to-love{background-image:url(/register/how_to_love_mobile.jpg);background-position:50% 0}}#f_poll_edit fieldset.f_left,#f_poll_edit fieldset.f_right{width:45%}#f_poll_edit fieldset.f_left{float:left}#f_poll_edit fieldset.f_right{float:right}#poll_probability{display:block;margin:2px 0 8px;width:auto}#poll_mod_menu tr th{text-align:left}#poll_mod_menu tr th.id{width:30px}#poll_mod_menu tr th.time{width:80px}#poll_mod_menu .poll_online_badge{background:url(/poll/online_30.png) no-repeat;float:left;height:30px;margin-right:6px;margin-top:2px;width:9px}#poll_new_content{background:#1a1e20;border:1px solid #303436;margin:0 0 30px;padding:10px 10px 10px 15px}#poll_new_content_style{margin:10px 0 0 10px}#poll_new_content_style li{margin:0 0 5px}#poll_new_content_style li a .poll_content_create_icon{color:#fff;margin-right:8px}#poll_new_content_style li a:hover{color:#fff;text-decoration:none}#poll_content_container{background:#1a1e20;border:1px solid #303436;margin:0 0 10px;padding:10px}#poll_content_container .question_container{background:#1a1e20;margin:0 0 5px;padding:10px}#poll_content_container .question_container.question_disabled{opacity:.9;pointer-events:none}#poll_content_container .question_container .checkbox_list_options,#poll_content_container .question_container .radio_list_options{background-color:#303436;border:1px solid #1a1e20;color:#b1b3b3}#poll_content_container .question_container textarea{height:40px}#poll_content_container .question_container ul{margin:0 0 2px}#poll_content_container .question_container ul li{background:none;border:none;height:20px;margin:0 0 6px;padding:0;position:relative}#poll_content_container .question_container.cs_checkbox_list ul .f_text,#poll_content_container .question_container.cs_radio_list ul .f_text,#poll_content_container .question_container.cs_scale ul .f_text{width:310px}#poll_content_container .question_container.cs_checkbox_list .poll_question_icon,#poll_content_container .question_container.cs_radio_list .poll_question_icon,#poll_content_container .question_container.cs_scale .poll_question_icon{margin:5px 8px}#poll_content_container .question_container.cs_checkbox_list .option_tpl,#poll_content_container .question_container.cs_radio_list .option_tpl,#poll_content_container .question_container.cs_scale .option_tpl{display:none}#poll_content_container .question_container .poll_question_hint{background-color:#303436;border:1px solid #1a1e20;color:#b1b3b3}#poll_content_container .question_container .option_slider_container{margin:10px 0}#poll_content_container .question_container .option_slider_container label{color:#868889;display:inline-block;font-size:12px;width:170px}#poll_content_container .question_container .option_slider_container .f_text{width:310px}#poll_content_container .smiley_poll{margin-top:10px!important}#poll_content_empty{background:none;margin:0}.poll_block_add{font-size:14px;font-weight:700;padding:0}.poll_block_add .halflings-plus-sign{color:#0a0}.poll_block_style_cancel_container{clear:both;height:30px}.poll_block_style_cancel_container .poll_block_style_cancel{float:right;font-size:14px;font-weight:700}.poll_block_style_cancel_container .poll_block_style_cancel .glyphicons-remove-sign{color:#c51a1b}.poll_question_button_container .poll_question_delete,.poll_question_button_container .poll_question_down,.poll_question_button_container .poll_question_up{float:right;margin:0 0 0 5px}.poll_question_button_container .poll_question_type{color:#868889;float:right;font-size:13px;margin:5px 0 15px}.checkbox_list_more_options,.radio_list_more_options,.radio_list_smiley_options,.scale_more_options{color:#c51a1b}.checkbox_list_more_options.hidden,.radio_list_more_options.hidden,.radio_list_smiley_options.hidden,.scale_more_options.hidden{display:none!important}.poll_content_option_icons{position:absolute;right:0;top:0}.poll_content_option_icons .poll_content_option_delete,.poll_content_option_icons .poll_content_option_down,.poll_content_option_icons .poll_content_option_up{color:#515455;cursor:pointer;float:right;margin-right:5px}#poll_type_options input{width:95%!important}.poll_mod_edit_buttons .btn{margin-bottom:7px}#poll_smiley_box_link{cursor:pointer}#poll_detail_menu .poll_detail_teaser{float:right;margin:0 0 15px 15px;width:300px}#poll_detail_menu .poll_detail_teaser:hover{cursor:pointer}.poll_detail_submit{margin-right:10px}.poll_upload_teaser{width:300px}#poll_questions>li{clear:both;display:block;margin:0 0 50px;overflow:hidden}#poll_questions>li ul li{margin:0}#poll_questions .smiley_poll li{cursor:pointer}#poll_questions .smiley_poll li.active,#poll_questions .smiley_poll li:hover{background-position:0 -55.5px!important}@media (min-width:985px){#poll_questions .smiley_poll li.active,#poll_questions .smiley_poll li:hover{background-position:-.5px -102px!important}}#poll_questions .smiley_poll li:nth-child(2).active,#poll_questions .smiley_poll li:nth-child(2):hover{background-position:-61px -55.5px!important}@media (min-width:985px){#poll_questions .smiley_poll li:nth-child(2).active,#poll_questions .smiley_poll li:nth-child(2):hover{background-position:-114px -102px!important}}#poll_questions .smiley_poll li:nth-child(3).active,#poll_questions .smiley_poll li:nth-child(3):hover{background-position:-123px -55.5px!important}@media (min-width:985px){#poll_questions .smiley_poll li:nth-child(3).active,#poll_questions .smiley_poll li:nth-child(3):hover{background-position:-227px -102px!important}}#poll_questions .smiley_poll li:nth-child(4).active,#poll_questions .smiley_poll li:nth-child(4):hover{background-position:-185px -55.5px!important}@media (min-width:985px){#poll_questions .smiley_poll li:nth-child(4).active,#poll_questions .smiley_poll li:nth-child(4):hover{background-position:-340px -102px!important}}#poll_questions .smiley_poll li:nth-child(5).active,#poll_questions .smiley_poll li:nth-child(5):hover{background-position:-246px -55.5px!important}@media (min-width:985px){#poll_questions .smiley_poll li:nth-child(5).active,#poll_questions .smiley_poll li:nth-child(5):hover{background-position:-453px -102px!important}}.poll_content_text{display:none}.voting_text_smiley.fo_td_voting_text a{float:right}.voting_text_smiley a{background:#0000 url(/poll/poll_smiley.png) no-repeat 0 -27px!important;background-size:150px!important;display:block;height:32px;width:30px!important}.voting_text_smiley a.smiley_2{background-position:-31px -27px!important}.voting_text_smiley a.smiley_3{background-position:-62px -27px!important}.voting_text_smiley a.smiley_4{background-position:-93px -27px!important}.voting_text_smiley a.smiley_5{background-position:-123.5px -27px!important}.voting_text_smiley a span{display:none}.poll_stats_standard_deviation{color:#868889;display:inline-block;font-size:12px;margin-top:10px}.big_smilies{background-position:-.5px -2px!important;background-size:auto!important;border-radius:50px;height:96px!important;margin-right:7px!important;transform:scale(1);width:96px}.smiley_poll{min-height:75px}@media (min-width:985px){.smiley_poll{min-height:110px}}.smiley_poll li{background:#0000 url(/poll/poll_smiley.png) no-repeat 0 -1px!important;background-size:300px!important;border-radius:35px;float:left;height:53px!important;margin-right:-5px!important;transform:scale(.7);width:54px}@media (min-width:985px){.smiley_poll li{background-position:-.5px -2px!important;background-size:auto!important;border-radius:50px;height:96px!important;margin-right:7px!important;transform:scale(1);width:96px}}.smiley_poll li input,.smiley_poll li label{display:none!important}.smiley_poll li:nth-child(2){background-position:-61px -1px!important}@media (min-width:985px){.smiley_poll li:nth-child(2){background-position:-114px -2px!important}}.smiley_poll li:nth-child(3){background-position:-123px -1px!important}@media (min-width:985px){.smiley_poll li:nth-child(3){background-position:-227px -2px!important}}.smiley_poll li:nth-child(4){background-position:-185px -1px!important}@media (min-width:985px){.smiley_poll li:nth-child(4){background-position:-340px -2px!important}}.smiley_poll li:nth-child(5){background-position:-246px -1px!important}@media (min-width:985px){.smiley_poll li:nth-child(5){background-position:-453px -2px!important}}#poll_container_modal .poll_footer,#poll_container_modal .poll_header,#poll_container_modal .poll_teaser,.smiley_poll.smiley_3 li:nth-child(2),.smiley_poll.smiley_3 li:nth-child(4){display:none}.poll_layer_container{bottom:-2px;position:fixed;right:50px;text-align:left;width:340px;z-index:19000000}@media (max-width:767.9px){.poll_layer_container{left:50%;margin-left:-170px}}.poll_layer_container .panel-heading .close{color:#fff;font-weight:400;position:absolute;right:5px;top:2px}.poll_layer_container .smiley_poll{min-height:inherit}.poll_layer_container .smiley_poll li{background-position:2px 1px!important;background-size:300px!important;border-radius:30px;cursor:pointer;height:55px!important;margin-right:0!important;width:60px}.poll_layer_container .smiley_poll li.active,.poll_layer_container .smiley_poll li:hover{background-position:2px -53px!important}.poll_layer_container .smiley_poll li:nth-child(2){background-position:-59px 1px!important}.poll_layer_container .smiley_poll li:nth-child(2).active,.poll_layer_container .smiley_poll li:nth-child(2):hover{background-position:-59px -53px!important}.poll_layer_container .smiley_poll li:nth-child(3){background-position:-120px 1px!important}.poll_layer_container .smiley_poll li:nth-child(3).active,.poll_layer_container .smiley_poll li:nth-child(3):hover{background-position:-120px -53px!important}.poll_layer_container .smiley_poll li:nth-child(4){background-position:-180px 1px!important}.poll_layer_container .smiley_poll li:nth-child(4).active,.poll_layer_container .smiley_poll li:nth-child(4):hover{background-position:-180px -53px!important}.poll_layer_container .smiley_poll li:nth-child(5){background-position:-241px 1px!important}.poll_layer_container .smiley_poll li:nth-child(5).active,.poll_layer_container .smiley_poll li:nth-child(5):hover{background-position:-241px -53px!important}@media (max-width:479.9px){.poll_layer_container textarea{font-size:20px}}.poll_layer_container .scale_answer_option_list,.poll_layer_container .scale_statement_container{font-weight:400}.poll_button{margin-bottom:15px}.poll_slider{max-width:550px;width:100%}.poll_slider.disabled{pointer-events:none}.poll_slider.show_value_tooltip .tooltip-main{cursor:pointer;margin-left:-7px!important;margin-top:-10px!important;opacity:1}.poll_slider.show_value_tooltip .tooltip-main .tooltip-arrow{display:none}.poll_slider.show_value_tooltip .tooltip-main .tooltip-inner{background-color:#771718;border-radius:50%;color:#fff;height:30px;padding:7px 3px;width:30px}.poll_slider.show_value_tooltip .slider-handle{height:36px;margin-top:-8px;width:36px}.poll_slider .poll_slider_labels{clear:both;color:#b1b3b3;font-size:13px;margin-bottom:10px;min-height:20px}.poll_slider .poll_slider_labels>span{max-width:45%;word-wrap:break-word;font-weight:400}.poll_slider .slider{width:100%!important}.poll_slider .slider .slider-selection,.poll_slider .slider .slider-track-high{background:#771718}.scale_answer_option_list{margin-bottom:10px;padding:0}.scale_answer_option_list>span,.scale_statement_percent_list>span{display:inline-block;font-size:13px;text-align:center;vertical-align:top;width:20%}.scale_statement_container{clear:both;display:flex;word-wrap:break-word}.scale_statement_container.even{background-color:#303436}.scale_statement_container .scale_statement_text{padding-left:5px}.scale_statement_container .scale_statement_radiolist_container{padding:0}.scale_statement_container .scale_statement_radiolist_container .scale_statement_radiolist li{display:inline-block;text-align:center;width:20%}.scale_statement_container .scale_statement_radiolist_container .scale_statement_radiolist li label{padding:0}.scale_statement_container .scale_statement_radiolist_container .scale_statement_radiolist li label span{padding-left:0!important}.scale_statement_container .scale_statement_radiolist_container .scale_statement_radiolist li label span:before{position:relative!important}.scale_statement_container .scale_statement_radiolist,.scale_statement_container .scale_statement_text{margin:0;padding-bottom:4px;padding-top:3px}#answers .scale .scale_statement_container{padding-bottom:5px}#answers .scale .scale_statement_progress_bar,#answers .scale .scale_statement_text{padding-top:10px}#answers .scale .scale_statement_progress_bar .progress{height:15px;margin-bottom:5px}#answers .scale .scale_statement_percent_list{color:#868889;font-size:12px}#answers .scale .scale_statement_result{padding:5px 0 0}.external_poll_info_container{margin-bottom:10px}.external_poll_disclaimer{display:block;font-size:11px;margin-top:5px;text-align:right}.note{text-align:left}.modal-dialog{min-width:450px}@media screen and (max-width:479.9px){.modal-dialog .modal-content{margin:30px auto auto;max-width:420px;min-width:420px;width:420px}}.modal-dialog .close{background-color:#c51a1b;border-radius:40px;float:none;height:40px;margin-top:0;position:absolute;right:-20px;top:-20px;width:40px;z-index:10000}.modal-dialog .close span{display:block;font-size:19px;height:18px;left:50%;line-height:1;margin-left:-9px;margin-top:-9px;position:absolute;top:50%;width:18px}.modal-dialog .close:hover{text-decoration:none}.modal-dialog>.modal-content>.close{right:-15px;top:0}.modal-dialog>.modal-content>.close.ui-element-modal-close{top:-15px}.modal_coverart_extended .modal-coverart{background-position:50% 25%;background-size:cover;border-radius:5px 5px 0 0;display:block;height:180px}.modal_coverart_extended .modal-body{color:#868889;padding-bottom:10px}.modal_coverart_extended .modal-header{border-bottom:1px solid #ffffff4d;border-top-left-radius:6px;border-top-right-radius:6px;overflow:hidden;padding:0}.modal_coverart_extended .modal-footer{border:0;padding-top:10px}.modal_coverart_extended .modal-content{background-color:#1a1e20}@media (min-width:768px){.modal-dialog{margin:30px auto;width:600px}}@media (min-width:1200px){.modal-dialog.modal-lg{margin:30px auto;width:900px}}body.modal-open .modal-body:after,body.modal-open .modal-body:before{content:" ";display:table}body.modal-open .modal-body:after{clear:both}.modal-backdrop{z-index:10000!important}.bootstrap-dialog{height:100%;z-index:10001!important}.bootstrap-dialog.type-default .modal-header{background-color:#0e1214}.bootstrap-dialog.type-default .bootstrap-dialog-title{color:#fff}.bootstrap-dialog.type-info .modal-header{background-color:#19c8ff}.bootstrap-dialog.type-primary .modal-header{background-color:#0e1214}.bootstrap-dialog.type-success .modal-header{background-color:#0a0}.bootstrap-dialog.type-warning .modal-header{background-color:#ff8533}.bootstrap-dialog.type-danger .modal-header{background-color:#c51a1b}@media screen and (max-width:984.9px){.bootstrap-dialog .close{right:-5px;top:-5px}}@media screen and (max-width:479.9px){.modal-content,.modal-dialog{margin-left:auto;margin-right:auto;max-width:330px!important;min-width:330px!important;width:330px!important}.touch .modal .modal-content input,.touch .modal .modal-content select,.touch .modal .modal-content textarea{font-size:14px!important}}.close{filter:alpha(opacity=85);font-size:inherit;font-weight:700;opacity:.85;padding:5px;text-shadow:none}.close:focus,.close:hover{filter:alpha(opacity=100);opacity:1}body:not(.touch) .close.animated:hover{backface-visibility:hidden;transform:rotate(180deg);transform-style:preserve-3d;transition:all .3s ease;will-change:transform}.bootstrap-dialog-close-button{height:40px;line-height:1;position:absolute;right:-20px;top:-20px;width:40px}.bootstrap-dialog-close-button .close{display:none}.bootstrap-dialog-close-button:after{background-color:#c51a1b;border-radius:40px;content:"\E208";font-family:Glyphicons Regular;line-height:1;padding:10px;position:absolute}.bootstrap-dialog-close-button:hover{backface-visibility:hidden;transform:rotate(180deg);transform-style:preserve-3d;transition:all .3s ease;will-change:transform}.btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning{box-shadow:inset 0 1px 0 #ffffff40,0 2px 2px -2px #0e121480}.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active{box-shadow:inset 0 3px 5px rgba(14,18,20,.125)}.btn-default.active{background-image:linear-gradient(180deg,#868889 0,#868889);box-shadow:inset 0 1px 1px 0 #0e121480}.btn{border-radius:4px;font-size:13px;line-height:2;padding:5px 8px;text-align:left;white-space:nowrap}.btn,.btn.active,.btn:active,.btn:focus,.btn:hover{color:#fff;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:none!important}button.active,button:active,select.active,select:active{border-color:#454748;outline-style:none!important}.btn-default{background-image:linear-gradient(180deg,#515455 0,#4a4c4d);background-repeat:repeat-x;border-color:#2e3030;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff515455",endColorstr="#ff4a4c4d",GradientType=0)}.btn-default:focus,.btn-default:hover{background-image:linear-gradient(180deg,#585c5d 0,#5d6162);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff585c5d",endColorstr="#ff5d6162",GradientType=0)}.btn-default.active,.btn-default:active{background-image:linear-gradient(180deg,#767b7c 0,#717677);background-repeat:repeat-x;border-color:#2e3030;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff767b7c",endColorstr="#ff717677",GradientType=0)}.btn-default:disabled,.btn-default[disabled]{background:#333536 none;border-color:#2e3030}.btn-primary{background-image:linear-gradient(180deg,#c51a1b 0,#b71819);background-repeat:repeat-x;border-color:#861212;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc51a1b",endColorstr="#ffb71819",GradientType=0)}.btn-primary:focus,.btn-primary:hover{background-image:linear-gradient(180deg,#d31c1d 0,#dc1d1e);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd31c1d",endColorstr="#ffdc1d1e",GradientType=0)}.btn-primary.active,.btn-primary:active{background-image:linear-gradient(180deg,#e64546 0,#e53c3d);background-repeat:repeat-x;border-color:#861212;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe64546",endColorstr="#ffe53c3d",GradientType=0)}.btn-primary:disabled,.btn-primary[disabled]{background:#8f1314 none;border-color:#861212}.btn-success{background-image:linear-gradient(180deg,#0a0 0,#009b00);background-repeat:repeat-x;border-color:#006300;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00aa00",endColorstr="#ff009b00",GradientType=0)}.btn-success:focus,.btn-success:hover{background-image:linear-gradient(180deg,#00b900 0,#00c300);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00b900",endColorstr="#ff00c300",GradientType=0)}.btn-success.active,.btn-success:active{background-image:linear-gradient(180deg,#00f600 0,#00ec00);background-repeat:repeat-x;border-color:#006300;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00f600",endColorstr="#ff00ec00",GradientType=0)}.btn-success:disabled,.btn-success[disabled]{background:#006d00 none;border-color:#006300}.btn-danger{background-image:linear-gradient(180deg,#c51a1b 0,#b71819);background-repeat:repeat-x;border-color:#861212;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc51a1b",endColorstr="#ffb71819",GradientType=0)}.btn-danger:focus,.btn-danger:hover{background-image:linear-gradient(180deg,#d31c1d 0,#dc1d1e);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd31c1d",endColorstr="#ffdc1d1e",GradientType=0)}.btn-danger.active,.btn-danger:active{background-image:linear-gradient(180deg,#e64546 0,#e53c3d);background-repeat:repeat-x;border-color:#861212;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe64546",endColorstr="#ffe53c3d",GradientType=0)}.btn-danger:disabled,.btn-danger[disabled]{background:#8f1314 none;border-color:#861212}.btn-flat{background:#303436;border:none;border-radius:8px;color:#b1b3b3;font-weight:400}.btn-flat:hover{background:#3c4144;color:#bec0c0}.btn-flat-special{background:#515455;border:none;box-shadow:none;color:#fff}.btn-flat-special:hover{background:#45484a}.btn-flat-special-light{background:#515455;border:none;box-shadow:none;box-shadow:none!important;color:#fff;font-weight:400;margin:0}.btn-flat-special-light:hover{background:#45484a}.btn-flat-danger{background:#303436;background:#c51a1b;border:none;border-radius:8px;color:#b1b3b3;color:#fff;font-weight:400}.btn-flat-danger:hover{background:#3c4144;background:#dc1d1e;color:#bec0c0;color:#fff}html.office_mode .btn-primary{background-image:linear-gradient(180deg,#811112 0,#740f10);background-repeat:repeat-x;border-color:#420909;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff811112",endColorstr="#ff740f10",GradientType=0)}html.office_mode .btn-primary:focus,html.office_mode .btn-primary:hover{background-image:linear-gradient(180deg,#8f1314 0,#981415);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8f1314",endColorstr="#ff981415",GradientType=0)}html.office_mode .btn-primary.active,html.office_mode .btn-primary:active{background-image:linear-gradient(180deg,#c51a1b 0,#bc191a);background-repeat:repeat-x;border-color:#420909;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc51a1b",endColorstr="#ffbc191a",GradientType=0)}html.office_mode .btn-primary:disabled,html.office_mode .btn-primary[disabled]{background:#4b0a0a none;border-color:#420909}.btn-lg{border-radius:4px;font-size:13px;line-height:2;padding:5px 8px}.btn-sm{padding:3px 8px}.btn-sm,.btn-xs{border-radius:4px;font-size:12px;line-height:2}.btn-xs{padding:2px 8px}.red-btn-text .btn-text{color:#c51a1b}.img-thumbnail,.thumbnail{box-shadow:0 1px 2px rgba(14,18,20,.075)}.img-cover{background-size:cover!important;margin:0 auto}.dropdown-menu{box-shadow:0 6px 12px #0e121480}.dropdown-menu>li>a{font-size:14px;padding:8px 20px}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#ae1718}.progress{background-image:linear-gradient(180deg,#111315 0,#1a1e20);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff111315",endColorstr="#ff1a1e20",GradientType=0)}.progress,.progress-bar{background-repeat:repeat-x}.progress-bar{background-image:linear-gradient(180deg,#c51a1b 0,#981415);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc51a1b",endColorstr="#ff981415",GradientType=0)}.list-group{border-radius:6px;box-shadow:0 1px 2px rgba(14,18,20,.075)}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{background-image:linear-gradient(180deg,#c51a1b 0,#a31616);background-repeat:repeat-x;border-color:#a31616;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc51a1b",endColorstr="#ffa31616",GradientType=0);text-shadow:0 -1px 0 #981415}.list-group-item{background-color:#1a1e20}.list-group-item:hover{background-color:#1a1e20!important}.list-group-item.unread{background-color:#303436}.list-group-item.unread:hover{background-color:#303436!important}.list-group-item.unread.new{background-color:#515455}.panel{box-shadow:0 1px 2px #0e12140d}.panel .panel-heading,.panel .panel-title{color:#f1f1f1}.panel-default>.panel-heading{background-color:#303436}.panel-primary>.panel-heading{background-color:#c51a1b}body.coverart .row-offcanvas .mfs_growl_message,body:not(.coverart,.mediathek,.wonderbody) .row-offcanvas{margin-top:30px}@media screen and (max-width:767.9px){body{overflow-x:hidden}body:not(.mediathek) .row-offcanvas{margin-top:30px;position:relative;transition:all .25s ease-out}.row-offcanvas-left{left:0}body .row-offcanvas-left .sidebar-offcanvas{left:-248px}body .sidebar-offcanvas{background:#1a1e20;margin-top:-30px;padding:0 10px 20px;position:absolute;top:0;width:240px}#page{background-image:none}}label{margin-bottom:0}.grayscale{filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciLz4=#grayscale");-webkit-filter:grayscale(100%)}.grayscale.disable:hover,.grayscale.off{filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciLz4=#grayscale_off");-webkit-filter:grayscale(0)}.seo_link_list a{color:#b1b3b3;text-decoration:none}.seo_link_list a:hover{color:#fff}.f_select,.f_text,.f_textarea,.form-control{font-family:Verdana,Arial,Helvetica,sans-serif}.f_select_minimal{-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,#0000 50%,#515455 0),linear-gradient(135deg,#515455 50%,#0000 0);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;box-sizing:border-box}.f_select_minimal,.f_select_minimal:focus{background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.5em;color:#fff!important}.f_select_minimal:focus{background-image:linear-gradient(45deg,#a11a17 50%,#0000 0),linear-gradient(135deg,#0000 50%,#a11a17 0);background-position:calc(100% - 15px) 1em,calc(100% - 20px) 1em,calc(100% - 2.5em) .5em;border-color:#a11a17;outline:0}select.form-control{-webkit-text-fill-color:#fff;opacity:1}.ios_device select.form-control{-webkit-appearance:none;background-image:url('data:image/svg+xml;utf8,');background-position:calc(100% - 5px);background-repeat:no-repeat;background-size:10px;padding-left:16px;padding-right:16px}.nav-pills li>a,.nav-tabs li>a{background-color:#1a1e20;border-style:none;border-bottom:3px solid #45484a;color:#fff;margin-right:3px}.nav-pills li.active>a,.nav-pills li:hover>a,.nav-tabs li.active>a,.nav-tabs li:hover>a{background-color:#a11a17!important;border-color:#a11a17!important;border-width:0 0 3px!important;color:#fff}.nav-pills li:hover>a,.nav-tabs li:hover>a{background-color:#303436!important}.nav-pills li.open>a,.nav-pills li:hover>a,.nav-tabs li.open>a,.nav-tabs li:hover>a{background-color:#303436}.nav-pills li.active:hover>a,.nav-tabs li.active:hover>a{background-color:#a11a17!important}.nav-tabs{border-bottom:3px solid #45484a}.nav-tabs li{margin-bottom:-3px}.nav-pills-sm li>a{padding:5px 10px}.nav-pills li>a{background:none;border:1px solid #303436!important;margin-bottom:5px}.nav-pills li.active>a,.nav-pills li:focus>a,.nav-pills li:hover>a{background:#303436!important;border:1px solid #303436!important}@media screen and (max-width:479.9px){.nav-tabs li>a{font-size:13px;padding:10px}.nav-tabs li .dropdown-menu{left:auto;right:0}}.glyphicons.x05:before,.glyphicons.x2:before,.glyphicons.x3:before,.glyphicons.x4:before,.glyphicons.x5:before,.glyphicons:before{padding:inherit}.image-container{display:inline-block;max-width:100%;overflow:hidden;position:relative}.image-container img{max-width:100%}.image-container img.image-container-overlay{background-size:cover}.image-container img.image-container-overlay,.image-container.image-container-parent-proportions{bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.image-container.image-container-exact-proportions img.image-container-overlay,.image-container.image-container-parent-proportions img.image-container-overlay{background-position:50% 25%}.background_icon.glyphicons,.background_icon.joyicons,.background_icon_big.glyphicons,.background_icon_big.joyicons{bottom:0;font-size:14em;line-height:1;opacity:.15;padding-left:5px;pointer-events:none;position:absolute;right:-45px}@media (max-width:984.9px){.background_icon_big.glyphicons,.background_icon_big.joyicons{font-size:20em}}@media screen and (max-width:984.9px){.tab_navi .tabicon .tabnavi_icon{display:none!important}.tab_navi .tabicon .tabnavi_inner{padding-left:7px!important}.tab_navi .tabicon.active .tabnavi_inner{padding-left:15px!important}.btn_ni{display:none}#ts div.ts_modul div.header_lo,#ts div.ts_modul_lo div.header{background:#303436 url(/bg/stripe_333_full_loop.png)}ul.tilelist>li{height:250px}#c .wog_article{max-width:435px}#gallery_detail .fav-btn{width:auto!important}}@media screen and (max-width:984.9px) and 768px{ul.tilelist>li{height:205px}}.mCSB_draggerContainer{transform:translate3d(#0e1214)}.verify_demo{background-image:url(/verify/demo_zettel.png);color:#0e1214;display:inline-block;height:75px;margin:auto;padding-top:8px;width:100px}.float_xs{float:right}@media (max-width:479.9px){.float_xs{float:none}}@media (max-width:767.9px){.text_left_sm{text-align:left!important}}.imprint-modal .modal-header{display:table-row;height:0}#body .datepicker>div{display:block}@media screen and (max-width:479.9px){.container{max-width:360px;min-width:360px}.btn_row_xs,.td_hints{width:100%}#comments input,.full-width-xs-buttons input{font-size:16px}#comments .btnlist:not(.bb_buttons,#table_form_reply),.full-width-xs-buttons .btnlist:not(.bb_buttons,#table_form_reply){float:none!important}#comments .btnlist:not(.bb_buttons,#table_form_reply) li,.full-width-xs-buttons .btnlist:not(.bb_buttons,#table_form_reply) li{width:100%}#comments .btn:not(.sticker_container),.full-width-xs-buttons .btn:not(.sticker_container){margin-left:0!important;margin-right:0!important;width:100%}#comments .btn:not(.sticker_container):not(.btn-link),.full-width-xs-buttons .btn:not(.sticker_container):not(.btn-link){margin-bottom:5px}.td_button_xs{padding-left:0}.td_button_xs .btn-danger{margin-left:0}.td_button_xs .chainlist>li,.td_button_xs ul{float:none!important;margin-bottom:10px}.td_button_xs .btn-default{margin-left:5px}.td_button_xs .btn,.td_button_xs .btn-group{margin-bottom:5px;margin-left:0!important;margin-right:0!important;width:100%!important}}.tn_link_bottom{background:#c51a1b none;font-size:12px;height:32px;overflow:hidden;padding:0;text-align:center}.tn_link_bottom a{color:#fff;display:block;font-size:13px!important;line-height:32px}.tn_link_bottom a:hover{background:#303436;text-decoration:none}.tn_link_bottom a:focus{text-decoration:none}.page-navigation,.page-navigation .direct-page-navigation{display:inline-flex}.page-navigation .page-select-container{display:inline-block;font-family:Glyphicons Regular;font-style:normal;font-weight:400;height:29px;line-height:inherit;min-width:115px;position:relative;vertical-align:top;-webkit-font-smoothing:antialiased;box-sizing:border-box;float:left}.page-navigation .page-select-container:after{background:none;color:#b1b3b3;content:"\E602";float:right;font-size:smaller;font-weight:400;height:100%;padding-right:8px;padding-top:6px;pointer-events:none;position:relative;z-index:1}.page-navigation .page-select-container .page-select{appearance:none;background-color:#303436;border:1px solid #1a1e20;border-radius:0;color:#fff;cursor:pointer;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;height:100%;padding-left:15px;position:absolute;width:100%}.page-navigation .page-select-container .page-select:active,.page-navigation .page-select-container .page-select:hover{background-color:#771718}.page-navigation .page-select-container .page-select option{background-color:#45484a}.page-navigation .page-select-container .page-select.highlight{background-color:#c51a1b}.page-navigation .page-buttons-list-left{flex-direction:row}.page-navigation .page-buttons-list-right{flex-direction:row-reverse}.page-navigation .page-buttons-list-left>.page-button:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.page-navigation .page-buttons-list-right>.page-button:first-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.page-navigation .page-button{background-color:#303436;border:1px solid #1a1e20;color:#fff;display:block;flex-grow:1;font-size:14px;font-weight:700;height:29px;min-width:29px;padding:3px 9px;text-align:center;width:fit-content}.page-navigation .page-button:hover{cursor:pointer}.page-navigation .page-button.disabled{cursor:not-allowed;text-decoration:none}.page-navigation .page-button.disabled:not(.current-page-button){background-color:#0e1214;color:#45484a}.page-navigation .page-button:active,.page-navigation .page-button:hover:not(.disabled){background-color:#771718;text-decoration:none}.page-navigation .page-button.current-page-button.highlight{background-color:#c51a1b}.page-navigation .page-buttons-list{box-sizing:border-box;display:inline-flex;flex-wrap:wrap;height:29px;line-height:1.5em;max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap}.page-navigation-container{background-color:#1a1e20;border-radius:4px;display:inline-flex;justify-content:center;margin-bottom:15px;padding:9px;width:100%}@media screen and (max-width:767.9px){.page-navigation .page-buttons-list{height:42px}.page-navigation .page-button{height:42px;min-width:48px;padding-top:9px}.page-navigation .page-select-container{height:42px}.page-navigation .page-select-container:after{padding-top:12px}}.club_map_close_btn{color:#fff!important;font-weight:700!important;text-decoration:none!important}@media screen and (max-width:767.9px){#mfs_core.container.gapless-mobile{margin-left:0;margin-right:0;overflow:hidden;padding-left:0;padding-right:0;width:100%}}.fsk18badge{background-color:#c51a1b;border-radius:10px;box-sizing:border-box;color:#fff;font-size:11px;padding:6px 8px;text-align:center}.date_list>li.date_card>div.upload_trigger_visits,.upload_trigger_visits{background-color:#1a1e20;background-image:url(/user/upload_hint_pic.jpg);background-position:50% 60%;background-size:cover;border:none;border-radius:6px;box-shadow:inset 0 1px 1px #0e12140d;margin-bottom:20px;min-height:20px;padding:19px;text-shadow:1px 1px 3px #0e1214}@media screen and (max-width:767.9px){.date_list>li.date_card>div.upload_trigger_visits,.upload_trigger_visits{border-radius:4px;display:flex;flex-direction:column;height:275px;justify-content:center;margin-bottom:0;padding:9px}}.date_list>li.date_card>div.upload_trigger_visits .btn,.upload_trigger_visits .btn{margin-bottom:5px;text-shadow:none}.brbase{border-radius:6px;overflow:hidden}@media screen and (max-width:767.9px){form.input_xs td,form.input_xs th,table.table_row_xs td,table.table_row_xs th,tr.table_row_xs td,tr.table_row_xs th{display:inline-block;width:100%}form.input_xs tr.colgroup,table.table_row_xs tr.colgroup,tr.table_row_xs tr.colgroup{display:none}form.input_xs .td_fh,form.input_xs th,table.table_row_xs .td_fh,table.table_row_xs th,tr.table_row_xs .td_fh,tr.table_row_xs th{background-color:#303436;border-bottom:1px solid #0e1214}form.input_xs td.two_col,table.table_row_xs td.two_col,tr.table_row_xs td.two_col{width:50%}form.input_xs input:not([type=file]),form.input_xs select,form.input_xs textarea,table.table_row_xs input:not([type=file]),table.table_row_xs select,table.table_row_xs textarea,tr.table_row_xs input:not([type=file]),tr.table_row_xs select,tr.table_row_xs textarea{font-size:16px}form.input_xs input[type=file],table.table_row_xs input[type=file],tr.table_row_xs input[type=file]{max-width:320px}.td_button_sm{padding-left:0}.td_button_sm .btn-danger{margin-left:0}.td_button_sm .chainlist>li,.td_button_sm ul{float:none!important;margin-bottom:10px}.td_button_sm .btn-default{margin-left:5px}.td_button_sm .btn,.td_button_sm .btn-group{margin-bottom:5px;margin-left:0!important;margin-right:0!important;width:100%!important}}#modul_terminator{display:none}