@font-face { font-family: "Roboto"; font-style: normal; font-weight: 300; font-display: swap; src: url("/wp-content/themes/argus/assets/fonts/roboto/roboto-latin-ext-300-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; font-display: swap; src: url("/wp-content/themes/argus/assets/fonts/roboto/roboto-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto"; font-style: italic; font-weight: 400; font-display: swap; src: url("/wp-content/themes/argus/assets/fonts/roboto/roboto-latin-ext-400-italic.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; font-display: swap; src: url("/wp-content/themes/argus/assets/fonts/roboto/roboto-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 600; font-display: swap; src: url("/wp-content/themes/argus/assets/fonts/roboto/roboto-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; font-display: swap; src: url("/wp-content/themes/argus/assets/fonts/roboto/roboto-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 300; font-display: swap; src: url("/wp-content/themes/argus/assets/fonts/roboto/roboto-latin-300-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; font-display: swap; src: url("/wp-content/themes/argus/assets/fonts/roboto/roboto-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto"; font-style: italic; font-weight: 400; font-display: swap; src: url("/wp-content/themes/argus/assets/fonts/roboto/roboto-latin-400-italic.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; font-display: swap; src: url("/wp-content/themes/argus/assets/fonts/roboto/roboto-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 600; font-display: swap; src: url("/wp-content/themes/argus/assets/fonts/roboto/roboto-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; font-display: swap; src: url("/wp-content/themes/argus/assets/fonts/roboto/roboto-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root, html { color-scheme: light; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } html, body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } :root, html, body { --argus-page-gutter: clamp(0.75rem, 2.6vw, 2.5rem); --argus-content-width: min(calc(1240px - 2.5rem), calc(100vw - (2 * var(--argus-page-gutter)))); --argus-banner-width: var(--argus-content-width); --argus-container-wide: var(--argus-content-width); --argus-container-default: var(--argus-content-width); --argus-container-narrow: min(46rem, 100%); --argus-type-display: clamp(2.125rem, 2.6vw + 1.35rem, 3.5rem); --argus-type-title: clamp(1.625rem, 1.2vw + 1.2rem, 2.25rem); --argus-type-tile: clamp(1.125rem, 0.45vw + 0.98rem, 1.375rem); --argus-type-lead: clamp(1.0625rem, 0.25vw + 0.98rem, 1.25rem); --argus-type-copy: clamp(1rem, 0.15vw + 0.96rem, 1.125rem); --argus-type-small: clamp(0.875rem, 0.1vw + 0.84rem, 0.9375rem); --argus-type-card-name: clamp(0.9375rem, 0.12vw + 0.9rem, 1.0625rem); --argus-type-kicker: 0.8125rem; --argus-type-stat: clamp(1.25rem, 1.1vw + 0.9rem, 1.75rem); --argus-type-icon: clamp(1.75rem, 1.2vw + 1.2rem, 2.25rem); --argus-type-h1: var(--argus-type-display); --argus-type-h2: var(--argus-type-title); --argus-type-h3: var(--argus-type-tile); --argus-type-h4: var(--argus-type-lead); --argus-type-body: var(--argus-type-copy); --argus-type-meta: var(--argus-type-small); --argus-leading-display: 1.12; --argus-leading-title: 1.2; --argus-leading-tile: 1.3; --argus-leading-copy: 1.55; --argus-weight-display: 300; --argus-weight-title: 300; --argus-weight-tile: 500; --argus-weight-copy: 400; --argus-weight-strong: 700; --argus-space-xs: 0.5rem; --argus-space-sm: 0.75rem; --argus-space-md: 1rem; --argus-space-lg: 1.5rem; --argus-space-xl: 2rem; --argus-space-2xl: 3rem; --argus-space-section: clamp(3rem, 6vw, 5.5rem); --argus-space-hero: clamp(3.5rem, 8vw, 6.5rem); --argus-space-stack-kicker: 0.75rem; --argus-space-stack-title: 0.75rem; --argus-space-stack-lead: 1.25rem; --argus-space-stack-grid: 2rem; --argus-tile-gap: clamp(1rem, 1.4vw, 1.6rem); --argus-tile-pad: clamp(1.15rem, 1.5vw, 1.85rem); --argus-chrome-radius: clamp(52px, 4.4vw, 80px); --argus-mega-radius: var(--argus-chrome-radius); --argus-tile-radius: max(14px, calc(var(--argus-chrome-radius) * 0.42)); --argus-panel-radius: max(24px, calc(var(--argus-chrome-radius) * 0.7)); --argus-btn-radius: max(10px, calc(var(--argus-chrome-radius) * 0.24)); --argus-card-fill: #ffffff; --argus-card-shadow: 0 12px 32px rgba(10, 26, 43, 0.1); --argus-card-shadow-hover: 0 16px 36px rgba(10, 26, 43, 0.14); --argus-btn-height: 3rem; --argus-btn-pad: 0.7rem 1.35rem; --argus-btn-fs: 1rem; --argus-icon-card: 3rem; --argus-mobile-btn-h: var(--argus-btn-height); --argus-mobile-btn-pad: var(--argus-btn-pad); --argus-mobile-btn-fs: var(--argus-btn-fs); --argus-mobile-title: var(--argus-type-title); --argus-mobile-copy: var(--argus-type-copy); --argus-mobile-tile-gap: var(--argus-tile-gap); --argus-mobile-tile-pad: var(--argus-tile-pad); --subpage-title-size: var(--argus-type-display); } @media (max-width: 781px) { :root, html, body { --argus-chrome-radius: 28px; --argus-space-section: 3rem; --argus-space-hero: 2.25rem; --argus-space-stack-grid: 1.5rem; --argus-tile-gap: 1rem; --argus-tile-pad: 1.15rem; --argus-btn-height: 2.75rem; } } @media (min-width: 782px) and (max-width: 1023px) { :root, html, body { --argus-chrome-radius: 48px; --argus-space-section: clamp(3rem, 5vw, 4rem); --argus-tile-gap: 1.25rem; } } :root, html, body { --argus-panel: rgba(17, 31, 46, 0.32); --argus-panel-blur: blur(3px); --argus-tile: #111f2e; --argus-chrome-fill: #070e16; --argus-header-fill: #111f2e; --argus-footer-fill: #061123; --argus-header-scrim: linear-gradient(180deg, rgba(17, 31, 46, 0.9) 0%, rgba(17, 31, 46, 0.9) 100%); --argus-header-bg: var(--argus-header-scrim), var(--argus-keyvisual); --argus-keyvisual-chrome: linear-gradient(180deg, rgba(5, 10, 18, 0.28) 0%, rgba(5, 10, 18, 0.08) 7.5rem, rgba(5, 10, 18, 0) 14rem), linear-gradient(90deg, rgba(5, 10, 18, 0.4) 0%, rgba(5, 10, 18, 0.2) 48%, rgba(5, 10, 18, 0.32) 100%), var(--argus-keyvisual); --argus-slider-scrim: linear-gradient(115deg, rgba(4, 12, 22, 0.58) 0%, rgba(4, 16, 28, 0.42) 48%, rgba(4, 12, 22, 0.62) 100%); --argus-slider-scrim-dark: linear-gradient(115deg, rgba(4, 12, 22, 0.8) 0%, rgba(4, 16, 28, 0.68) 48%, rgba(4, 12, 22, 0.84) 100%); --argus-slider-scrim-soft: linear-gradient(115deg, rgba(4, 12, 22, 0.32) 0%, rgba(4, 16, 28, 0.14) 48%, rgba(4, 12, 22, 0.36) 100%); --argus-banner-service: url("/wp-content/uploads/2026/09/argus-banner-service.jpg"); --argus-banner-company: url("/wp-content/uploads/2026/09/argus-banner-company.jpg"); --argus-banner-wissen: url("/wp-content/uploads/2026/09/argus-banner-wissen.jpg"); --argus-chrome-bg: radial-gradient(ellipse 70% 90% at 88% 18%, rgba(35, 151, 255, 0.22) 0%, rgba(7, 14, 22, 0) 58%), linear-gradient(105deg, #070e16 0%, #0d1d2c 46%, #16384d 100%); --wp--preset--color--muted: #4a5d70 !important; } .has-muted-color { color: #4a5d70 !important; } .argus-header .has-muted-color, .argus-footer .has-muted-color, .argus-hero .has-muted-color, .argus-contact-banner .has-muted-color, .argus-messpraxis-intro .has-muted-color, [class*="--dark"] .has-muted-color { color: #f7fafc !important; } html { scroll-padding-top: 7.25rem; } #wp--skip-link--target, #argus-product-grid, .argus-catalog-results, .argus-form-errors, .argus-form-success { scroll-margin-top: 7.25rem; } .argus-section-lead, .argus-faq details p, .argus-faq details, .argus-faq .argus-faq-item, .argus-faq .argus-faq-toggle, .argus-faq .argus-faq-answer, .argus-hero p:not(.argus-kicker):not(.argus-topics) { color: #f7fafc; } .argus-faq .argus-faq-item { border-bottom: 1px solid rgba(255, 255, 255, 0.12); padding: 0.85rem 0; } .argus-faq .argus-faq-toggle { font-size: 1.125rem; font-weight: 500; line-height: 1.35; } .argus-faq .argus-faq-toggle::after { content: "+"; float: right; font-weight: 300; color: var(--wp--preset--color--accent); } .argus-faq .argus-faq-item.is-open .argus-faq-toggle::after { content: "–"; } .argus-faq .argus-faq-answer { margin: 0.7rem 0 0.25rem; font-size: 1rem; line-height: 1.55; max-width: 46rem; } .argus-faq .argus-faq-answer p { margin: 0 0 0.55rem; } .argus-faq .argus-faq-answer p:last-child { margin-bottom: 0; } .argus-faq .argus-faq-answer a { color: var(--wp--preset--color--accent); } .argus-tasks, .argus-reasons, .argus-f-series, .argus-more-devices, .argus-finder-banner, .argus-contact-cta, .argus-accessories, .argus-catalog-filters, .argus-media-banner, .argus-news-events, .argus-news-feed, .argus-stay-connected, .argus-compare-banner, .argus-legal-banner { width: var(--argus-banner-width) !important; max-width: var(--argus-banner-width) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; border-radius: var(--argus-chrome-radius); } .argus-faq, .argus-archive-cta { width: var(--argus-content-width) !important; max-width: var(--argus-content-width) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; border-radius: var(--argus-chrome-radius); } html { scroll-behavior: smooth; } html, body, button, input, select, textarea, .wp-site-blocks, .argus-header, .argus-footer, .argus-chat, .wp-block-button__link, .wp-block-navigation, .editor-styles-wrapper { font-family: "Roboto", Arial, Helvetica, sans-serif !important; } html, body, .wp-site-blocks, p, li, .wp-block-navigation, .wp-block-navigation a, .argus-header, .argus-header a, .argus-utility-nav, .argus-footer { font-weight: 400; } h1, h2, h1.wp-block-heading, h2.wp-block-heading { font-weight: 300; } h3, h4, h3.wp-block-heading, h4.wp-block-heading { font-weight: 500; } strong, b { font-weight: 700; } .wp-element-button, .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link { font-weight: 700; } body { background-color: var(--wp--preset--color--base); } :focus-visible:not(.wp-element-button):not(.wp-block-button__link):not(.argus-outline-btn):not(.argus-contact-banner__btn):not(.argus-contact-banner__actions a):not(button):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.wp-block-search__button):not(.argus-quick-filter):not(.argus-filter-chip):not(.argus-reset-filters):not(.argus-form-device-select__trigger):not(.argus-form-device-select__option):not(.argus-downloads-toggle):not(.argus-downloads-product):not(.argus-downloads-btn):not(summary) { outline: 2px solid var(--wp--preset--color--focus); outline-offset: 3px; } body :is( .wp-element-button, .wp-block-button__link, .argus-outline-btn, .argus-contact-banner__btn, .argus-contact-banner__actions a, .argus-card-cta .wp-element-button, .wp-block-search__button, .argus-quick-filter, .argus-filter-chip, .argus-reset-filters, .argus-form-device-select__trigger, .argus-form-device-select__option, .argus-downloads-toggle, .argus-downloads-product, .argus-downloads-btn, button, input[type="submit"], input[type="button"], input[type="reset"], summary ) { -webkit-tap-highlight-color: transparent; } body :is( .wp-element-button, .wp-block-button__link, .argus-outline-btn, .argus-contact-banner__btn, .argus-contact-banner__actions a, .argus-card-cta .wp-element-button, .wp-block-search__button, .argus-quick-filter, .argus-filter-chip, .argus-reset-filters, .argus-form-device-select__trigger, .argus-form-device-select__option, .argus-downloads-toggle, .argus-downloads-product, .argus-downloads-btn, button, input[type="submit"], input[type="button"], input[type="reset"], summary ):is(:focus, :focus-visible, :active) { outline: none !important; outline-offset: 0 !important; } button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { border: 0; } a, a:link, a:visited, a:hover, a:focus, a:focus-visible, a:active { text-decoration: none !important; } a, .wp-element-button, .wp-block-button__link { transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease; } @media (prefers-reduced-motion: reduce) { a, .wp-element-button, .wp-block-button__link, .argus-card-cta { transition: none; transform: none; } } a:where(:not(.wp-element-button):not(.wp-block-button__link)) { color: var(--wp--preset--color--contrast); } a:where(:not(.wp-element-button):not(.wp-block-button__link)):hover, a:where(:not(.wp-element-button):not(.wp-block-button__link)):focus-visible { color: var(--wp--preset--color--accent); } a.argus-task, a.argus-product, a.argus-service-link, a.argus-knowledge, a.custom-logo-link { color: #ffffff; } a.argus-task:hover, a.argus-product:hover, a.argus-service-link:hover, a.argus-knowledge:hover, a.custom-logo-link:hover { color: #ffffff; } .skip-link { background: var(--wp--preset--color--accent); color: #071018; z-index: 100000; } .argus-inquiry-form .has-error input, .argus-inquiry-form .has-error textarea { outline: 2px solid #c2410c; outline-offset: 2px; } .argus-form-errors { margin: 0 0 1rem; padding: 0.75rem 1rem; border: 1px solid #c2410c; background: rgba(194, 65, 12, 0.12); } .argus-form-errors:focus, .argus-form-success:focus { outline: 2px solid var(--wp--preset--color--focus); outline-offset: 3px; } .argus-header { position: sticky; top: 0; z-index: 100; background: rgba(7, 11, 20, 0.94); border: 0; border-bottom: 0; box-shadow: none; backdrop-filter: blur(10px); padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 1.25rem !important; padding-right: 1.25rem !important; --wp--style--block-gap: 0; } body:not(.home) .argus-header { background-color: transparent; background-image: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .argus-header > .wp-block-group { margin-block-start: 0 !important; margin-top: 0 !important; } .argus-header > .argus-utility, .argus-header > .argus-header-row { width: 100% !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; } .argus-utility { justify-content: flex-end !important; align-items: center; flex-wrap: nowrap !important; gap: 0 !important; width: 100%; padding-top: 0.42rem; padding-bottom: 0.42rem; border: 0; border-bottom: 0; font-size: 0.8125rem; letter-spacing: 0.02em; line-height: 1.3; } .argus-utility .wp-block-shortcode, .argus-utility > * { width: 100% !important; max-width: none; margin: 0 !important; flex: 1 1 auto; } .argus-utility-nav { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 1.25rem; width: 100%; margin: 0; white-space: nowrap; } .argus-theme-toggle { display: none !important; align-items: center; justify-content: center; flex: 0 0 auto; position: relative; width: 1.75rem; height: 1.75rem; min-width: 1.75rem; min-height: 1.75rem; margin: 0; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #ffffff; cursor: pointer; line-height: 0; appearance: none; -webkit-appearance: none; } .argus-theme-toggle::before { content: ""; position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); } .argus-theme-toggle svg { width: 1.15rem; height: 1.15rem; } .argus-theme-toggle .argus-theme-toggle__sun { display: none; } .argus-theme-toggle .argus-theme-toggle__moon { display: block; } html[data-theme="light"] .argus-theme-toggle .argus-theme-toggle__sun { display: block; } html[data-theme="light"] .argus-theme-toggle .argus-theme-toggle__moon { display: none; } .argus-theme-toggle:hover, .argus-theme-toggle:focus-visible { color: var(--wp--preset--color--accent); } .argus-theme-toggle:focus-visible { outline: 2px solid var(--wp--preset--color--focus); outline-offset: 3px; } .argus-utility-nav p, .argus-utility-nav br { display: none; } .argus-header a, .argus-header a:link, .argus-header a:visited, .argus-header a:hover, .argus-header a:focus-visible, .argus-header .wp-block-navigation a, .argus-header .wp-block-navigation-item__content, .argus-header .argus-utility-item, .argus-header .argus-language-summary, .argus-header .argus-language-toggle { color: #ffffff !important; text-decoration: none !important; } .argus-language { position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; } .argus-language-toggle { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; margin: 0; padding: 0.15rem 0; border: 0; background: transparent; color: #ffffff; font: inherit; font-size: 0.8125rem; letter-spacing: 0.03em; line-height: 1.2; white-space: nowrap; cursor: pointer; } .argus-language-toggle .argus-language-summary { color: inherit !important; } .argus-language-toggle:hover, .argus-language-toggle:focus-visible, .argus-language-toggle[aria-expanded="true"] { color: #ffffff; } .argus-language-toggle:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 3px; } .argus-language-dialog:not([open]) { display: none !important; } .argus-language-dialog { width: 100vw; max-width: none; height: 100%; max-height: none; margin: 0; padding: 1.5rem; border: 0; background: transparent; } .argus-language-dialog[open] { display: flex; align-items: center; justify-content: center; } .argus-language-dialog::backdrop { background: rgba(10, 26, 43, 0.42); } .argus-language-dialog__card { position: relative; box-sizing: border-box; width: min(32rem, calc(100vw - 2rem)); padding: clamp(1.35rem, 2.2vw, 1.85rem) 1.75rem 1.85rem; border: 0; border-radius: var(--argus-panel-radius, 2.25rem); background: rgba(5, 10, 18, 0.62); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #f7fafc; box-shadow: 0 22px 36px rgba(5, 10, 18, 0.32); overflow: hidden; } .argus-language-dialog__close, .argus-language-dialog__close.wp-element-button { appearance: none; -webkit-appearance: none; position: absolute; top: 0.4rem; right: 0.4rem; z-index: 4; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0 !important; border-radius: 0 !important; background: none !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: none !important; color: #ffffff; font-size: 1.65rem; font-weight: 300; line-height: 1; cursor: pointer; transition: none; transform: none; -webkit-tap-highlight-color: transparent; } .argus-language-dialog__close:hover, .argus-language-dialog__close:focus, .argus-language-dialog__close:focus-visible, .argus-language-dialog__close:active, .argus-language-dialog__close.wp-element-button:hover, .argus-language-dialog__close.wp-element-button:focus, .argus-language-dialog__close.wp-element-button:focus-visible, .argus-language-dialog__close.wp-element-button:active { appearance: none; -webkit-appearance: none; background: none !important; background-color: transparent !important; border: 0 !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; color: var(--wp--preset--color--accent); transform: none; transition: none; } .argus-language-dialog__title:focus, .argus-language-dialog__title:focus-visible { outline: none; } .argus-language-dialog__icon { display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; margin: 0 auto 1rem; border-radius: 999px; background: var(--wp--preset--color--accent); color: #ffffff; } .argus-language-dialog__pin { display: block; width: 1.35rem; height: 1.35rem; } .argus-language-dialog__title { margin: 0 0 1.35rem; padding: 0 2.5rem; color: #ffffff; font-size: clamp(1.45rem, 1.2rem + 0.8vw, 1.85rem); font-weight: 300; letter-spacing: -0.02em; line-height: 1.22; text-align: center; } .argus-language-dialog__langs { list-style: none; margin: 0; padding: 0; } .argus-language-dialog__langs li { margin: 0; padding: 0; } .argus-language-dialog__langs a, .argus-language-dialog__langs [aria-current="true"] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-height: 48px; padding: 0.55rem 0.1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.18); color: #ffffff !important; font-size: 1.0625rem; font-weight: 400; line-height: 1.3; text-decoration: none !important; } .argus-language-dialog__langs a:hover, .argus-language-dialog__langs a:focus-visible, .argus-language-dialog__langs [aria-current="true"] { color: var(--wp--preset--color--accent) !important; } .argus-language-dialog__langs a:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 3px; } .argus-language-dialog__check { display: block; width: 1.25rem; height: 1.25rem; flex: 0 0 auto; color: var(--wp--preset--color--accent); } .argus-header .argus-language-dialog a, .argus-header .argus-language-dialog a:link, .argus-header .argus-language-dialog a:visited, .argus-header.is-mega-open .argus-language-dialog a, .argus-header.is-header-compact .argus-language-dialog a { color: #ffffff !important; font-weight: 400 !important; } .argus-header .argus-language-dialog a:hover, .argus-header .argus-language-dialog a:focus-visible, .argus-header.is-mega-open .argus-language-dialog a:hover, .argus-header.is-header-compact .argus-language-dialog a:hover { color: var(--wp--preset--color--accent) !important; } .argus-language-note { display: block; font-size: 0.6875rem; letter-spacing: 0; color: #f7fafc; } .argus-header-row { flex-wrap: nowrap !important; align-items: center; gap: 1rem; width: 100%; padding-top: 0.75rem; padding-bottom: 0.75rem; } .argus-header .wp-block-group { min-height: 0; } .argus-header-tools { flex-wrap: nowrap !important; flex-shrink: 0; gap: 0.35rem !important; } .argus-header .wp-block-navigation { flex: 1 1 auto; min-width: 0; } .argus-header .wp-block-buttons { margin: 0; } .argus-logo-wrap a, .argus-header .wp-block-site-logo a { display: inline-flex; align-items: center; line-height: 0; text-decoration: none; color: inherit; } .argus-logo-wrap, .argus-header .wp-block-site-logo { width: auto !important; max-width: 280px; flex-shrink: 0; position: relative; z-index: 2; } .argus-logo, .argus-header .wp-block-site-logo img { display: block; height: 56px; width: auto; max-width: 280px; } .argus-header .argus-search-icon.wp-block-search { max-width: none; width: auto; display: flex; align-items: center; flex-shrink: 0; gap: 0.4rem; } .argus-header .argus-search-icon .wp-block-search__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .argus-header .argus-search-icon .wp-block-search__button svg { fill: currentColor; width: 1.5rem; height: 1.5rem; } .argus-header .argus-search-icon .wp-block-search__inside-wrapper { background: transparent !important; border: 0 !important; padding: 0; width: auto; } .argus-header .argus-search-icon .wp-block-search__input, .argus-header .argus-search-icon:focus-within .wp-block-search__input { width: 0; min-width: 0; max-width: 0; padding: 0; margin: 0; border: 0; opacity: 0; overflow: hidden; background: transparent; color: var(--wp--preset--color--contrast); pointer-events: none; visibility: hidden; } .argus-header .argus-search-icon .wp-block-search__button { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--wp--preset--color--contrast); padding: 0.35rem; margin: 0 !important; min-width: 48px; min-height: 48px; border-radius: 0; display: inline-flex; align-items: center; justify-content: center; } .argus-header .argus-search-icon .wp-block-search__button:hover, .argus-header .argus-search-icon .wp-block-search__button:focus, .argus-header .argus-search-icon .wp-block-search__button:focus-visible { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--wp--preset--color--accent); } .argus-header-cart { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 1.75rem; height: 1.75rem; min-width: 1.75rem; min-height: 1.75rem; padding: 0; margin: 0; color: #ffffff; text-decoration: none; border-radius: 6px; line-height: 0; } .argus-header-cart::before { content: ""; position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); } .argus-header .argus-header-cart:hover, .argus-header .argus-header-cart:focus-visible { color: var(--wp--preset--color--accent) !important; } .argus-header-cart:focus-visible { outline: 2px solid var(--wp--preset--color--focus, #91CBFF); outline-offset: 3px; } .argus-header-cart svg { display: block; width: 1.15rem; height: 1.15rem; } .argus-header-cart__count { position: absolute; top: -0.35rem; right: -0.4rem; min-width: 1rem; height: 1rem; padding: 0 0.22rem; border-radius: 999px; background: var(--wp--preset--color--accent); color: #0a1a2b; font-size: 0.625rem; font-weight: 700; line-height: 1rem; text-align: center; } .argus-header .wc-block-mini-cart, #trp-floater-ls, #trp-floater-ls-current-language, #trp-floater-ls-language-list, .trp-language-switcher-container, .trp-floater-ls, .trp-floating-switcher, .trp-language-switcher.trp-floating-switcher, .trp-switcher-position-bottom, .trp-switcher-position-top { display: none !important; } .argus-header .wp-block-woocommerce-mini-cart, .argus-header .wp-block-woocommerce-customer-account { display: none !important; } .argus-cta .wp-block-button__link { white-space: nowrap; } .argus-hero { position: relative; overflow: hidden; border: 0; } .argus-kicker { color: var(--wp--preset--color--accent); font-size: var(--argus-type-kicker); font-weight: var(--argus-weight-strong); letter-spacing: 0.14em; text-transform: uppercase; margin: 0 0 var(--argus-space-stack-kicker); } .argus-topics { color: #f7fafc; font-size: var(--argus-type-small); letter-spacing: 0.02em; } .argus-card, .argus-task, .argus-product, .argus-reason, .argus-knowledge, .argus-service-link { background: transparent; border: 0; border-radius: 0; height: 100%; box-shadow: none; } a.argus-task, a.argus-product, a.argus-service-link, a.argus-knowledge { display: block; color: inherit; text-decoration: none; height: 100%; } a.argus-task:hover, a.argus-product:hover, a.argus-service-link:hover, a.argus-knowledge:hover, a.argus-task:focus-visible, a.argus-product:focus-visible, a.argus-service-link:focus-visible, a.argus-knowledge:focus-visible { background: transparent; color: inherit; } a.argus-task:hover .wp-block-heading, a.argus-product:hover .wp-block-heading, a.argus-service-link:hover .wp-block-heading, a.argus-knowledge:hover .wp-block-heading { color: var(--wp--preset--color--accent); } .argus-section-alt { background-color: var(--argus-panel); background-image: none; backdrop-filter: var(--argus-panel-blur); -webkit-backdrop-filter: var(--argus-panel-blur); border: 0; } .argus-f-series a:where(:not(.wp-element-button):not(.wp-block-button__link)), .argus-f-series a:where(:not(.wp-element-button):not(.wp-block-button__link)):hover, .argus-f-series a:where(:not(.wp-element-button):not(.wp-block-button__link)):focus-visible { color: #ffffff; } .argus-f-series .wp-block-button.is-style-outline .wp-block-button__link:hover, .argus-f-series .wp-block-button.is-style-outline .wp-block-button__link:focus-visible { color: #0a1a2b; } .argus-logo-marquee { isolation: isolate; overflow: hidden; margin-top: 2.25rem; padding-block: 1.5rem; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); } .argus-logo-track { display: flex; width: max-content; animation: argus-logo-scroll 32s linear infinite; } .argus-logo-marquee:hover .argus-logo-track { animation-play-state: paused; } .argus-logo-list { display: flex; align-items: center; gap: 4.5rem; margin: 0; padding: 0.75rem 2.25rem; list-style: none; } .argus-logo-list img { display: block; height: 4.75rem; width: auto; max-width: 16rem; object-fit: contain; } .argus-logo--vodafone { filter: invert(1) brightness(1.35); } @keyframes argus-logo-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (prefers-reduced-motion: reduce) { .argus-logo-track { animation: none; justify-content: center; width: 100%; } .argus-logo-list[aria-hidden="true"] { display: none; } .argus-logo-marquee { -webkit-mask-image: none; mask-image: none; } } .argus-footer { background: transparent; background-image: none; border: 0; font-size: 0.9375rem; line-height: 1.6; padding-top: 2.75rem !important; padding-bottom: 2.15rem !important; } footer.wp-block-template-part { background-color: var(--argus-footer-fill); background-image: none; } .argus-footer .wp-block-group, .argus-footer-bottom { background: transparent; background-image: none; } .argus-footer .wp-block-columns { gap: 2rem 2.25rem; } .argus-footer ul.wp-block-list { margin: 0; padding: 0; list-style: none; } .argus-footer li { margin: 0; } .argus-footer a { display: inline-block; min-height: 0; padding: 0.28rem 0; transform: none !important; } .argus-footer p, .argus-footer li, .argus-footer a { font-size: inherit; line-height: inherit; font-weight: 400; color: #f7fafc; } .argus-footer sup { font-size: 0.7em; line-height: 0; vertical-align: super; } .argus-footer a, .argus-footer a:link, .argus-footer a:visited { color: #ffffff !important; text-decoration: none !important; } .argus-footer a:hover, .argus-footer a:focus-visible { color: var(--wp--preset--color--accent) !important; text-decoration: none !important; } .argus-footer h2, .argus-footer .wp-block-heading { font-size: 1.125rem; font-weight: 500; letter-spacing: -0.015em; text-transform: none; line-height: 1.25; color: #ffffff; margin: 0 0 1.05rem; } .argus-footer .wp-block-separator { opacity: 0.28; } .argus-footer-bottom { font-size: 0.8125rem; line-height: 1.5; gap: 0.85rem 1.5rem; } .argus-footer-bottom p, .argus-footer-bottom a { font-size: inherit; line-height: inherit; } .argus-footer-brand { display: flex; flex-direction: column; align-items: stretch; width: 100%; min-width: 0; max-width: 100%; } .argus-footer-brand p, .argus-footer-social, .argus-footer-social a { font-size: inherit; line-height: inherit; font-weight: 400; overflow-wrap: normal; } .argus-footer-social-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 2.25rem; align-items: center; width: 100%; margin: 0.7rem 0 0; } .argus-footer-social { display: flex; flex-wrap: wrap; align-items: center; gap: 0.65rem; grid-column: 1 / 3; margin: 0; } .argus-footer-intec { display: inline-flex; align-items: center; grid-column: 4; justify-self: start; height: 3.75rem; margin-left: 0; flex: 0 0 auto; } .argus-footer .argus-footer-intec { padding: 0; min-height: 0; transform: none !important; } .argus-footer-intec img { display: block; height: 3.75rem; width: auto; } .argus-footer .argus-footer-social a.argus-footer-social__link { display: inline-flex; align-items: center; justify-content: center; width: 2.35rem; height: 2.35rem; min-width: 2.35rem; min-height: 2.35rem; padding: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.12); color: #ffffff !important; text-decoration: none; transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease; } .argus-footer .argus-footer-social a.argus-footer-social__link:hover, .argus-footer .argus-footer-social a.argus-footer-social__link:focus-visible { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28); filter: brightness(1.06); } .argus-footer-social__icon { display: block; width: 1.15rem; height: 1.15rem; fill: currentColor; } .argus-footer .argus-footer-social a.argus-footer-social__link--linkedin { background: #0a66c2; } .argus-footer .argus-footer-social a.argus-footer-social__link--youtube { background: #ff0000; } .argus-footer .argus-footer-social a.argus-footer-social__link--youtube .argus-footer-social__icon { width: 1.28rem; height: 0.92rem; } .argus-footer .argus-footer-social a.argus-footer-social__link--instagram { background: radial-gradient(circle at 30% 30%, #fccc63, #f77737 28%, #e1306c 58%, #833ab4 100%); } .argus-footer .argus-footer-social a.argus-footer-social__link--facebook { background: #1877f2; } @media (max-width: 40rem) { .argus-footer-brand { width: 100%; } } .argus-placeholder { border-left: 3px solid var(--wp--preset--color--accent); padding-left: 1rem; color: #f7fafc; } .argus-inquiry-form label { display: block; font-weight: 500; margin-bottom: 0.35rem; } .argus-inquiry-form input, .argus-inquiry-form textarea { width: 100%; max-width: 36rem; background: var(--wp--preset--color--surface); color: var(--wp--preset--color--contrast); border: 1px solid var(--wp--preset--color--line); border-radius: 4px; padding: 0.7rem 0.8rem; } .argus-inquiry-form button { background: var(--wp--preset--color--accent); color: #071018; border: 0; border-radius: 4px; font-weight: 500; padding: 0.75rem 1.25rem; cursor: pointer; } .argus-form-note, .argus-form-success { color: #0a1a2b; } .argus-header .wp-block-navigation__responsive-container.is-menu-open { background-color: rgba(5, 10, 18, 0.94) !important; color: #f7fafc !important; position: fixed !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; padding: 0 !important; box-sizing: border-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); overflow: auto; z-index: 400; } .argus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { position: absolute; top: 0.65rem; right: 0.65rem; display: flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0.35rem; color: #f7fafc !important; background: transparent; border: 0; cursor: pointer; z-index: 5; } .argus-header .wp-block-navigation__responsive-container.is-menu-open a, .argus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color: #f7fafc !important; } .argus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog, .argus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { display: flex !important; flex-direction: column; align-items: stretch !important; justify-content: flex-start !important; height: auto !important; min-height: 100% !important; padding: 3.75rem 0 2.5rem !important; width: 100%; } .argus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container, .argus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { align-items: stretch !important; justify-content: flex-start !important; width: 100%; max-width: none; height: auto !important; flex: 0 0 auto !important; } .argus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { display: flex !important; flex-direction: column; gap: 0 !important; margin: 0; padding: 0; list-style: none; } .argus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { white-space: normal; min-height: 3.25rem; padding: 0.95rem 1.35rem; font-size: 1.125rem; line-height: 1.3; border-radius: 0; } .argus-header .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .wp-block-navigation-item__content, .argus-header .wp-block-navigation__responsive-container.is-menu-open .current-menu-ancestor > .wp-block-navigation-item__content { background: transparent; color: #f7fafc !important; } .wp-element-button, .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-height: var(--argus-btn-height); padding: var(--argus-btn-pad); border-radius: var(--argus-btn-radius); box-sizing: border-box; font-weight: var(--argus-weight-strong); font-size: var(--argus-btn-fs); line-height: 1.2; background-color: var(--wp--preset--color--accent); color: #0a1a2b; border: 2px solid var(--wp--preset--color--accent); box-shadow: none; } .wp-element-button:hover, .wp-element-button:focus-visible, .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible { background-color: #4FACFF; border-color: #4FACFF; color: #0a1a2b; } .wp-block-button.is-style-outline .wp-block-button__link, a.wp-element-button.is-style-outline, .argus-outline-btn { background: transparent; color: #f7fafc; border: 2px solid #f7fafc; box-shadow: none; } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus-visible, a.wp-element-button.is-style-outline:hover, a.wp-element-button.is-style-outline:focus-visible, .argus-outline-btn:hover, .argus-outline-btn:focus-visible { background: rgba(247, 250, 252, 0.1); color: #f7fafc; border-color: #f7fafc; } .argus-hero .is-style-outline .wp-block-button__link, .argus-hero .is-style-outline .wp-block-button__link:hover, .argus-hero .is-style-outline .wp-block-button__link:focus-visible, .argus-finder-banner .is-style-outline .wp-block-button__link, .argus-contact-cta .is-style-outline .wp-block-button__link, .argus-product-hero__actions .wp-element-button.is-style-outline, .argus-product-hero__actions .wp-element-button.is-style-outline:hover, .argus-product-hero__actions .wp-element-button.is-style-outline:focus-visible, .argus-quality .is-style-outline .wp-block-button__link, .argus-international .is-style-outline .wp-block-button__link { color: #f4f8fb; border: 2px solid var(--wp--preset--color--accent); background: transparent; box-shadow: none; } .argus-hero .is-style-outline .wp-block-button__link:hover, .argus-hero .is-style-outline .wp-block-button__link:focus-visible, .argus-finder-banner .is-style-outline .wp-block-button__link:hover, .argus-finder-banner .is-style-outline .wp-block-button__link:focus-visible, .argus-contact-cta .is-style-outline .wp-block-button__link:hover, .argus-contact-cta .is-style-outline .wp-block-button__link:focus-visible, .argus-product-hero__actions .wp-element-button.is-style-outline:hover, .argus-product-hero__actions .wp-element-button.is-style-outline:focus-visible, .argus-quality .is-style-outline .wp-block-button__link:hover, .argus-quality .is-style-outline .wp-block-button__link:focus-visible, .argus-international .is-style-outline .wp-block-button__link:hover, .argus-international .is-style-outline .wp-block-button__link:focus-visible { background: rgba(35, 151, 255, 0.12); color: #f4f8fb; border-color: var(--wp--preset--color--accent); } .wp-block-buttons > .wp-block-button:only-child.is-style-outline .wp-block-button__link, p > a.wp-element-button.is-style-outline:only-child, .argus-catalog-compare a.wp-element-button.is-style-outline, .argus-media-banner__actions .argus-outline-btn, .argus-news-events__archive .argus-outline-btn, .argus-ig-lightbox__ext { background-color: var(--wp--preset--color--accent); color: #0a1a2b; border-color: var(--wp--preset--color--accent); } .wp-block-buttons > .wp-block-button:only-child.is-style-outline .wp-block-button__link:hover, .wp-block-buttons > .wp-block-button:only-child.is-style-outline .wp-block-button__link:focus-visible, p > a.wp-element-button.is-style-outline:only-child:hover, p > a.wp-element-button.is-style-outline:only-child:focus-visible, .argus-catalog-compare a.wp-element-button.is-style-outline:hover, .argus-catalog-compare a.wp-element-button.is-style-outline:focus-visible, .argus-media-banner__actions .argus-outline-btn:hover, .argus-media-banner__actions .argus-outline-btn:focus-visible, .argus-news-events__archive .argus-outline-btn:hover, .argus-news-events__archive .argus-outline-btn:focus-visible, .argus-ig-lightbox__ext:hover, .argus-ig-lightbox__ext:focus-visible { background-color: #4FACFF; border-color: #4FACFF; color: #0a1a2b; } .argus-reason, .argus-stat, .argus-value, .argus-process-step, .argus-audience, .argus-product-benefit, .argus-product-app, .argus-product-benefit.argus-task, .argus-product-app.argus-task { border: none; border-color: transparent; box-shadow: none; } .argus-reason:hover, .argus-reason:focus-within, .argus-stat:hover, .argus-stat:focus-within, .argus-value:hover, .argus-process-step:hover, .argus-audience:hover, .argus-product-benefit:hover, .argus-product-benefit:focus-within, .argus-product-app:hover, .argus-product-app:focus-within, .argus-product-benefit.argus-task:hover, .argus-product-benefit.argus-task:focus-within, .argus-product-app.argus-task:hover, .argus-product-app.argus-task:focus-within { border: none; border-color: transparent; box-shadow: none; } .argus-device-shot img, .argus-hero img { object-fit: contain; } .wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--contrast); border: 0; border-radius: 0; background: transparent; padding: 0.35rem; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; } .wp-block-navigation__responsive-container-open svg, .wp-block-navigation__responsive-container-close svg { fill: currentColor; } @media (max-width: 840px) { .argus-header .wp-block-navigation { flex: 0 0 auto; margin-left: auto; } .argus-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; } .argus-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; } } @media (max-width: 781px) { .argus-utility { gap: 0.85rem !important; } .argus-utility-nav { gap: 0.7rem; } .argus-header .argus-header-tools { gap: 0.15rem !important; } .argus-header .argus-search-icon .wp-block-search__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .argus-header-cart { width: 1.75rem; height: 1.75rem; min-width: 1.75rem; min-height: 1.75rem; } } .argus-chat { position: fixed; right: max(0.75rem, env(safe-area-inset-right, 0px)); bottom: max(0.75rem, env(safe-area-inset-bottom, 0px)); z-index: 200; display: flex; flex-direction: column-reverse; align-items: flex-end; gap: 0.75rem; max-width: calc(100vw - 1.5rem); max-height: calc(100vh - 1.5rem); max-height: calc(100dvh - 1.5rem); pointer-events: none; } .argus-chat-launcher, .argus-chat-panel { pointer-events: auto; } .argus-chat-launcher { width: 56px; height: 56px; border: 0; border-radius: 50%; background: var(--wp--preset--color--accent); color: #071018; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35); } .argus-chat-launcher:hover, .argus-chat-launcher:focus-visible { background: #47b8ea; } .argus-chat-panel { position: static; box-sizing: border-box; width: min(22.5rem, 100%); max-width: 100%; max-height: calc(100vh - 6.25rem); max-height: calc(100dvh - 6.25rem); overflow: auto; overscroll-behavior: contain; background: #f4f7fb; color: #0a1a2b; border: 0; border-radius: 1.25rem; padding: 0.9rem 1rem 0.85rem; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28); font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.5; } .argus-chat-home-head, .argus-chat-thread-head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.45rem; } .argus-chat-home-head .argus-chat-kicker, .argus-chat-thread-head .argus-chat-kicker { margin: 0; flex: 1 1 auto; min-width: 0; } .argus-chat-kicker { margin: 0 0 0.35rem; color: #5b6b7a; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; } .argus-chat-panel h2 { margin: 0 0 0.4rem; color: #0a1a2b; font-size: 1.25rem; font-weight: 300; letter-spacing: -0.02em; line-height: 1.22; } .argus-chat-lead { margin: 0 0 0.85rem; color: #334155; font-size: 0.9375rem; line-height: 1.5; } .argus-chat-actions { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 0; } .argus-chat-phone { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; min-height: 2.25rem; padding: 0.25rem 0.8rem 0.25rem 0.3rem; border: 2px solid var(--wp--preset--color--accent, #2397ff); border-radius: 999px; color: var(--wp--preset--color--accent, #2397ff) !important; font-size: 0.875rem; font-weight: 500; text-decoration: none !important; background: #fff; } .argus-chat-phone-icon { display: block; width: 1.65rem; height: 1.65rem; object-fit: contain; flex-shrink: 0; } .argus-chat-phone:hover, .argus-chat-phone:focus-visible { color: #0a1a2b !important; background: rgba(35, 151, 255, 0.1); } .argus-chat-open { border: 0; background: none; color: #5b6b7a; font-size: 0.875rem; font-weight: 500; cursor: pointer; padding: 0.25rem 0; min-height: 2.25rem; } .argus-chat-open:hover, .argus-chat-open:focus-visible { color: var(--wp--preset--color--accent, #2397ff); } .argus-chat-close, .argus-chat-back { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; margin: 0; border: 0; background: none; color: #0a1a2b; font-size: 0.8125rem; font-weight: 500; line-height: 1; cursor: pointer; padding: 0.2rem 0; min-height: 44px; } .argus-chat-close:hover, .argus-chat-back:hover, .argus-chat-close:focus-visible, .argus-chat-back:focus-visible { color: var(--wp--preset--color--accent, #2397ff); } .argus-chat-thread { display: flex; flex-direction: column; min-height: 0; } .argus-chat-messages { flex: 1 1 auto; min-height: 5rem; max-height: min(14rem, 32dvh); overflow: auto; display: flex; flex-direction: column; gap: 0.55rem; margin-bottom: 0.75rem; } .argus-chat-bubble { margin: 0; padding: 0.5rem 0.7rem; border-radius: 0.85rem; font-size: 0.875rem; line-height: 1.45; } .argus-chat-bubble__text { margin: 0; } .argus-chat-bubble__links { margin: 0.45rem 0 0; padding: 0; list-style: none; display: grid; gap: 0.3rem; } .argus-chat-bubble--bot { background: #e8eef5; color: #0a1a2b; align-self: flex-start; } .argus-chat-bubble--user { background: var(--wp--preset--color--accent, #2397ff); color: #0a1a2b; align-self: flex-end; } .argus-chat-bubble__link { color: var(--wp--preset--color--accent, #2397ff) !important; font-weight: 500; text-decoration: underline; } .argus-chat-home[hidden], .argus-chat-thread[hidden], .argus-chat-staff[hidden] { display: none !important; } .argus-chat-form { display: grid; gap: 0.4rem; } .argus-chat-form label { font-size: 0.8125rem; font-weight: 500; color: #0a1a2b; } .argus-chat-form input, .argus-chat-form textarea, .argus-chat-compose input { border: 1px solid #c5d0de; border-radius: 6px; padding: 0.4rem 0.55rem; background: #fff; color: #0a1a2b; font-size: 0.875rem; } .argus-chat-form input, .argus-chat-form textarea { width: 100%; } .argus-chat-compose input { flex: 1 1 auto; min-width: 0; width: auto; } .argus-chat-form input:focus, .argus-chat-form textarea:focus, .argus-chat-compose input:focus { outline: 2px solid var(--wp--preset--color--accent, #2397ff); outline-offset: 1px; } .argus-chat-form button, .argus-chat-compose button { background: var(--wp--preset--color--accent, #2397ff); color: #ffffff; border: 0; border-radius: 6px; font-size: 0.875rem; font-weight: 500; padding: 0.4rem 0.75rem; cursor: pointer; min-height: 2.25rem; } .argus-chat-compose button { flex: 0 0 auto; white-space: nowrap; } .argus-chat-compose { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 0.4rem; min-width: 0; margin-top: 0.5rem; } @media (max-width: 781px) { .argus-chat { right: max(0.5rem, env(safe-area-inset-right, 0px)); bottom: max(0.5rem, env(safe-area-inset-bottom, 0px)); max-width: calc(100vw - 1rem); } .argus-chat-panel { width: min(22.5rem, calc(100vw - 1rem)); } } @media (max-height: 700px) { .argus-chat-lead { margin-bottom: 0.55rem; } .argus-chat-messages { max-height: min(10rem, 28dvh); } } @media (max-height: 520px) { .argus-chat-panel { max-height: calc(100dvh - 5.25rem); padding-top: 0.75rem; padding-bottom: 0.75rem; } .argus-chat-lead { display: none; } } html.argus-reveal-js .argus-reveal { opacity: 0; transform: translateY(12px); } html.argus-reveal-js .argus-reveal.is-inview { opacity: 1; transform: none; transition: opacity 0.45s ease, transform 0.45s ease; } @media (prefers-reduced-motion: reduce) { html.argus-reveal-js .argus-reveal, html.argus-reveal-js .argus-reveal.is-inview { opacity: 1; transform: none; transition: none; } } @media (max-width: 840px) { :root, html, body { --argus-mobile-btn-h: 40px; --argus-mobile-btn-pad: 0.35rem 0.85rem; --argus-mobile-btn-fs: 0.8125rem; --argus-mobile-title: clamp(1.1rem, 4.4vw, 1.35rem); --argus-mobile-copy: clamp(0.75rem, 2.7vw, 0.875rem); --argus-mobile-tile-gap: 0.75rem; --argus-mobile-tile-pad: 1rem; } body .argus-home-news__cta, body .argus-home-news .wp-element-button.argus-home-news__cta, body .argus-contact-banner__btn, body .argus-contact-banner__actions .wp-element-button, body .argus-newsletter-banner .argus-notice__submit, body .argus-newsletter-banner .argus-notice__form .argus-notice__submit, body .argus-home-social__btn, body .argus-news-teaser__cta, body .argus-news-teaser .wp-element-button.argus-news-teaser__cta, body .argus-news-teaser .argus-contact-banner__btn.argus-news-teaser__cta { display: inline-flex !important; width: auto !important; max-width: 100%; min-width: 0 !important; min-height: var(--argus-mobile-btn-h) !important; height: auto !important; padding: var(--argus-mobile-btn-pad) !important; font-size: var(--argus-mobile-btn-fs) !important; line-height: 1.2 !important; white-space: nowrap; box-sizing: border-box; } body .argus-contact-banner__actions { flex-direction: column; align-items: flex-start; gap: 0.45rem; } } body main h1, body .argus-hero h1, body .argus-page-hero h1, body .argus-subpage-header__copy h1, body h1.wp-block-heading { font-size: var(--argus-type-h1); font-weight: var(--argus-weight-display); line-height: var(--argus-leading-display); letter-spacing: -0.03em; } body main h2, body .entry-content h2, body h2.wp-block-heading, body .argus-story-panel h2, body .argus-story-panel__title, body .argus-contact-banner h2, body .argus-newsletter-banner h2, body .argus-media-banner h2 { font-size: var(--argus-type-h2); font-weight: var(--argus-weight-title); line-height: var(--argus-leading-title); letter-spacing: -0.025em; } body main h3, body .entry-content h3, body h3.wp-block-heading, body .argus-task h3, body .argus-reason h3, body .argus-hub-card h3, body .argus-service-card h3, body .argus-company-card h3, body .argus-partner-card h3, body .argus-karriere-card h3, body .argus-kontakt-card h3 { font-size: var(--argus-type-h3); font-weight: var(--argus-weight-tile); line-height: var(--argus-leading-tile); } body main h4, body h4.wp-block-heading { font-size: var(--argus-type-h4); font-weight: var(--argus-weight-tile); line-height: 1.35; } .argus-kicker { color: var(--wp--preset--color--accent); font-size: var(--argus-type-kicker); font-weight: var(--argus-weight-strong); letter-spacing: 0.14em; line-height: 1.4; text-transform: uppercase; margin: 0 0 var(--argus-space-stack-kicker); } .argus-section-lead, .argus-type-lead { font-size: var(--argus-type-lead); line-height: var(--argus-leading-copy); max-width: var(--argus-container-narrow); margin: 0 0 var(--argus-space-stack-lead); } .argus-topics, .argus-type-meta { font-size: var(--argus-type-small); } .wp-element-button, .wp-block-button__link, .argus-contact-banner__btn, .argus-karriere-btn, .argus-karriere-btn-outline, .argus-kontakt-btn, .argus-rma-btn, .argus-outline-btn { min-height: var(--argus-btn-height); padding: var(--argus-btn-pad); border-radius: var(--argus-btn-radius); font-size: var(--argus-btn-fs); font-weight: var(--argus-weight-strong); line-height: 1.2; box-sizing: border-box; } body.argus-product-single .argus-product-hero h1 { font-size: var(--argus-type-h1); } body:is(.home, .argus-news-section--social) .argus-home-social h2 { font-size: var(--argus-type-h1); font-weight: var(--argus-weight-strong); line-height: 1.08; } .argus-contact-banner { --argus-banner-accent: var(--wp--preset--color--accent, #2397FF); --argus-banner-size: 100; --argus-contact-banner-inset: max(2.85rem, calc(var(--argus-panel-radius, 2.25rem) + 0.7rem)); position: relative; overflow: hidden; width: var(--argus-content-width, min(calc(1240px - 2.5rem), calc(100vw - 5rem))) !important; max-width: var(--argus-content-width, min(calc(1240px - 2.5rem), calc(100vw - 5rem))) !important; margin: 0 auto 0.85rem !important; padding: clamp(0.85rem, 1.6vw, 1.15rem) 0; box-sizing: border-box; border: none; border-radius: var(--argus-chrome-radius, var(--argus-panel-radius, 2.25rem)); background-color: #041018; background-image: var(--argus-slider-scrim), var(--argus-contact-banner-bg, var(--argus-slider-bg-07, url("/wp-content/uploads/2026/09/argus-slider-bg-07.jpg"))); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22); color: #f7fafc; } .argus-contact-banner__inner { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(15.5rem, 0.9fr); gap: clamp(1.25rem, 2.6vw, 2rem); align-items: stretch; max-width: 1240px; margin: 0 auto; padding: 0 var(--argus-contact-banner-inset); box-sizing: border-box; } .argus-contact-banner__copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; max-width: 100%; padding: 0; overflow: hidden; } .argus-contact-banner h2 { margin: 0 0 0.5rem; max-width: none; color: #ffffff; font-size: var(--argus-type-title); font-weight: 300; letter-spacing: -0.02em; line-height: 1.22; white-space: normal; overflow: hidden; padding-inline-end: 0.28em; -webkit-hyphens: none; hyphens: none; } .argus-contact-banner__copy > p { margin: 0 0 1.15rem; max-width: 50.5rem; color: #ffffff; font-size: var(--argus-type-lead); line-height: var(--argus-leading-copy); } .argus-contact-banner__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin: 0.15rem 0 0; } .argus-contact-banner__actions .wp-element-button, .argus-contact-banner__btn { display: inline-flex; align-items: center; justify-content: center; width: auto; min-width: 0; min-height: var(--argus-mobile-btn-h, 44px); padding: var(--argus-mobile-btn-pad, 0.55rem 1.25rem); border: 0 !important; border-radius: var(--argus-btn-radius, 6px); font-size: var(--argus-mobile-btn-fs, 1rem); font-weight: 700; line-height: 1.2; text-decoration: none; box-shadow: 0 8px 18px rgba(4, 12, 22, 0.24); transition: background-color 220ms ease, transform 220ms ease, box-shadow 220ms ease, filter 220ms ease; } .argus-contact-banner__btn--gold { background: #ffec4a; color: #0a1a2b !important; } .argus-contact-banner__btn--gray { background: #b8c0c6; color: #0a1a2b !important; } .argus-contact-banner__btn:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(4, 12, 22, 0.42); } .argus-contact-banner__btn--gold:hover { background: #ffec4a; color: #0a1a2b !important; } .argus-contact-banner__btn--gray:hover { background: #b8c0c6; color: #0a1a2b !important; } .argus-contact-banner__actions .wp-element-button:focus, .argus-contact-banner__actions .wp-element-button:focus-visible, .argus-contact-banner__actions .wp-element-button:active, .argus-contact-banner__btn:focus, .argus-contact-banner__btn:focus-visible, .argus-contact-banner__btn:active { outline: none !important; outline-offset: 0 !important; } .argus-contact-banner__links a:focus-visible, .argus-contact-banner__person a:focus-visible { outline: 2px solid var(--wp--preset--color--focus, #91CBFF); outline-offset: 3px; } .argus-contact-banner__links { display: none !important; } .argus-contact-banner__links span { margin: 0 0.35rem; color: rgba(255, 255, 255, 0.55); font-weight: 400; } .argus-contact-banner__links a { color: #ffffff; text-decoration: none; } .argus-contact-banner__links a:hover, .argus-contact-banner__links a:focus-visible { color: var(--argus-banner-accent); text-decoration: underline; text-underline-offset: 0.18em; } .argus-contact-banner__person { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; align-self: stretch; width: 100%; max-width: none; min-width: 0; padding: 0 0.35rem 0 1.1rem; text-align: center; } .argus-contact-banner__person::before { content: none; } .argus-contact-banner__photo { position: relative; isolation: isolate; width: 222px; height: 264px; max-width: min(100%, 15.5rem); margin: 0 auto 0.4rem; padding: 0; border: 0; border-radius: 6px; overflow: hidden; background: transparent; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22); } .argus-contact-banner__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 12%; background: transparent; filter: none; } .argus-contact-banner__name { margin: 0.55rem 0 0.1rem !important; font-size: 1.0625rem; font-weight: 700; color: #f4f8fb; } .argus-contact-banner__role, .argus-contact-banner__phone, .argus-contact-banner__email { margin: 0 0 0.15rem !important; font-size: 0.9375rem; line-height: 1.45; color: #c5d0da; } .argus-contact-banner__person a { color: #c5d0da; text-decoration: none; } .argus-contact-banner__person a:hover, .argus-contact-banner__person a:focus-visible { color: var(--argus-banner-accent); text-decoration: underline; text-underline-offset: 0.18em; } @media (max-width: 1024px) { .argus-contact-banner__inner { grid-template-columns: minmax(0, 1.55fr) minmax(13.5rem, 0.95fr); gap: 1.15rem; padding: 0 var(--argus-contact-banner-inset); } .argus-contact-banner h2 { max-width: none; } .argus-contact-banner__photo { width: 188px; height: 224px; } } @media (max-width: 840px) { .argus-contact-banner { --argus-contact-banner-inset: 1rem; padding: 1rem 0; } .argus-contact-banner__inner { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); align-items: center; min-height: 0; gap: 0.75rem; padding: 0 var(--argus-contact-banner-inset); } .argus-contact-banner__copy { padding-bottom: 0; } .argus-contact-banner h2 { max-width: none; font-size: var(--argus-mobile-title, clamp(1.1rem, 4.4vw, 1.35rem)); line-height: 1.2; white-space: normal; } .argus-contact-banner__copy > p { max-width: none; margin-bottom: 0.65rem; font-size: var(--argus-mobile-copy, clamp(0.75rem, 2.7vw, 0.875rem)); line-height: 1.35; white-space: nowrap; overflow: hidden; -webkit-hyphens: none; hyphens: none; } .argus-contact-banner__actions { flex-direction: column; align-items: flex-start; gap: 0.45rem; } .argus-contact-banner__actions .wp-element-button, .argus-contact-banner__btn { width: auto; min-height: var(--argus-mobile-btn-h, 40px); padding: var(--argus-mobile-btn-pad, 0.35rem 0.85rem); font-size: var(--argus-mobile-btn-fs, 0.8125rem); white-space: nowrap; } .argus-contact-banner__person { align-self: center; width: 100%; padding: 0; } .argus-contact-banner__person::before { display: none; } .argus-contact-banner__photo { margin: 0 auto 0.3rem; width: 7.6rem; height: 9rem; max-width: 8.4rem; } .argus-contact-banner__name { margin-top: 0.3rem !important; font-size: 0.8125rem; } .argus-contact-banner__role, .argus-contact-banner__phone, .argus-contact-banner__email { font-size: 0.75rem; } } @media (max-width: 375px) { .argus-contact-banner { --argus-contact-banner-inset: 0.95rem; } .argus-contact-banner__inner { padding: 0 var(--argus-contact-banner-inset); } .argus-contact-banner__photo { width: 7.2rem; height: 8.5rem; } } .argus-contact-banner--copy-right .argus-contact-banner__copy { order: 2; } .argus-contact-banner--copy-right .argus-contact-banner__person { order: 1; padding: 0 1.1rem 0 0.35rem; } .argus-contact-banner--cloud .argus-contact-banner__inner { grid-template-columns: minmax(0, 1.35fr) minmax(16rem, 1fr); align-items: center; } .argus-contact-banner--cloud .argus-contact-banner__person { padding: 0.25rem 0 0.25rem 0.5rem; } .argus-contact-banner--copy-right.argus-contact-banner--cloud .argus-contact-banner__person { padding: 0.25rem 0.5rem 0.25rem 0; } .argus-contact-banner__cloud { --argus-face-size: 38%; position: relative; width: min(100%, calc(17.75rem * var(--argus-banner-size, 100) / 100)); aspect-ratio: 1; margin: 0 auto; } .argus-contact-banner__face { position: absolute; box-sizing: border-box; width: var(--argus-face-size); height: var(--argus-face-size); margin: 0; padding: 0; overflow: hidden; border: 0; border-radius: 50%; background: #d7e3ee; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28); } .argus-contact-banner__face img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: var(--argus-face-pos, 50% 20%); transform: scale(calc(var(--argus-face-zoom, 155) / 100)); transform-origin: var(--argus-face-pos, 50% 20%); } .argus-contact-banner__cloud[data-count="1"] { --argus-face-size: 64%; } .argus-contact-banner__cloud[data-count="2"] { --argus-face-size: 50%; } .argus-contact-banner__cloud[data-count="3"] { --argus-face-size: 46%; } .argus-contact-banner__cloud[data-count="4"] { --argus-face-size: 40%; } .argus-contact-banner__cloud[data-count="5"] { --argus-face-size: 38%; } .argus-contact-banner__cloud[data-count="6"] { --argus-face-size: 36%; } .argus-contact-banner__cloud[data-count="7"] { --argus-face-size: 34%; } .argus-contact-banner__cloud[data-count="8"] { --argus-face-size: 32%; } .argus-contact-banner__cloud[data-count="1"] .argus-contact-banner__face:nth-child(1) { left: 24%; top: 20%; } .argus-contact-banner__cloud[data-count="2"] .argus-contact-banner__face:nth-child(1) { left: 8%; top: 24%; } .argus-contact-banner__cloud[data-count="2"] .argus-contact-banner__face:nth-child(2) { left: 46%; top: 18%; } .argus-contact-banner__cloud[data-count="3"] .argus-contact-banner__face:nth-child(1) { left: 28%; top: 12%; } .argus-contact-banner__cloud[data-count="3"] .argus-contact-banner__face:nth-child(2) { left: 4%; top: 44%; } .argus-contact-banner__cloud[data-count="3"] .argus-contact-banner__face:nth-child(3) { left: 54%; top: 46%; } .argus-contact-banner__cloud[data-count="4"] .argus-contact-banner__face:nth-child(1) { left: 30%; top: 20%; } .argus-contact-banner__cloud[data-count="4"] .argus-contact-banner__face:nth-child(2) { left: 56%; top: 4%; } .argus-contact-banner__cloud[data-count="4"] .argus-contact-banner__face:nth-child(3) { left: 8%; top: 46%; } .argus-contact-banner__cloud[data-count="4"] .argus-contact-banner__face:nth-child(4) { left: 54%; top: 54%; } .argus-contact-banner__cloud[data-count="5"] .argus-contact-banner__face:nth-child(1) { left: 30%; top: 22%; } .argus-contact-banner__cloud[data-count="5"] .argus-contact-banner__face:nth-child(2) { left: 58%; top: 2%; } .argus-contact-banner__cloud[data-count="5"] .argus-contact-banner__face:nth-child(3) { left: 62%; top: 40%; } .argus-contact-banner__cloud[data-count="5"] .argus-contact-banner__face:nth-child(4) { left: 24%; top: 60%; } .argus-contact-banner__cloud[data-count="5"] .argus-contact-banner__face:nth-child(5) { left: 4%; top: 24%; } .argus-contact-banner__cloud[data-count="6"] .argus-contact-banner__face:nth-child(1) { left: 30%; top: 24%; } .argus-contact-banner__cloud[data-count="6"] .argus-contact-banner__face:nth-child(2) { left: 58%; top: 2%; } .argus-contact-banner__cloud[data-count="6"] .argus-contact-banner__face:nth-child(3) { left: 64%; top: 34%; } .argus-contact-banner__cloud[data-count="6"] .argus-contact-banner__face:nth-child(4) { left: 50%; top: 60%; } .argus-contact-banner__cloud[data-count="6"] .argus-contact-banner__face:nth-child(5) { left: 12%; top: 56%; } .argus-contact-banner__cloud[data-count="6"] .argus-contact-banner__face:nth-child(6) { left: 4%; top: 18%; } .argus-contact-banner__cloud[data-count="7"] .argus-contact-banner__face:nth-child(1) { left: 30%; top: 24%; } .argus-contact-banner__cloud[data-count="7"] .argus-contact-banner__face:nth-child(2) { left: 56%; top: 0%; } .argus-contact-banner__cloud[data-count="7"] .argus-contact-banner__face:nth-child(3) { left: 66%; top: 28%; } .argus-contact-banner__cloud[data-count="7"] .argus-contact-banner__face:nth-child(4) { left: 60%; top: 56%; } .argus-contact-banner__cloud[data-count="7"] .argus-contact-banner__face:nth-child(5) { left: 28%; top: 64%; } .argus-contact-banner__cloud[data-count="7"] .argus-contact-banner__face:nth-child(6) { left: 4%; top: 40%; } .argus-contact-banner__cloud[data-count="7"] .argus-contact-banner__face:nth-child(7) { left: 8%; top: 6%; } .argus-contact-banner__cloud[data-count="8"] .argus-contact-banner__face:nth-child(1) { left: 32%; top: 26%; } .argus-contact-banner__cloud[data-count="8"] .argus-contact-banner__face:nth-child(2) { left: 56%; top: 0%; } .argus-contact-banner__cloud[data-count="8"] .argus-contact-banner__face:nth-child(3) { left: 68%; top: 22%; } .argus-contact-banner__cloud[data-count="8"] .argus-contact-banner__face:nth-child(4) { left: 64%; top: 52%; } .argus-contact-banner__cloud[data-count="8"] .argus-contact-banner__face:nth-child(5) { left: 34%; top: 66%; } .argus-contact-banner__cloud[data-count="8"] .argus-contact-banner__face:nth-child(6) { left: 8%; top: 56%; } .argus-contact-banner__cloud[data-count="8"] .argus-contact-banner__face:nth-child(7) { left: 2%; top: 24%; } .argus-contact-banner__cloud[data-count="8"] .argus-contact-banner__face:nth-child(8) { left: 18%; top: 2%; } @media (max-width: 840px) { .argus-contact-banner--copy-right .argus-contact-banner__person { padding: 0; } .argus-contact-banner--cloud .argus-contact-banner__inner { grid-template-columns: minmax(0, 1.15fr) minmax(9.5rem, 0.85fr); } .argus-contact-banner__cloud { width: min(100%, 13rem); } }